2013-05-18 32 views
3

我想通過編寫最基本的應用程序進入angularJS。然而,我甚至無法獲得這麼少量的代碼 - 控制器似乎沒有顯示任何視圖。這幾乎是我在網上看到的一個流行的angularjs視頻的直接拷貝。我有一種感覺,它不是什麼大的東西,我的猜測是,我可能有錯誤的ng視圖。簡單的angularjs應用程序視圖不加載

任何有關我在做什麼錯誤的見解將有所幫助。

的index.html

<!doctype html> 
<html ng-app="fastsql"> 
<head> 
</head> 
<body> 
<div class="well"> 
    <div ng-view></div> 
</div> 


<script src="angular.min.js"></script> 
<script src="fastsql.js"></script> 

</body> 
</html> 

fastsql.js

// setup fastsql as angular app "module" 
var fastsql = angular.module("fastsql", []); 

// set routeProvider rules in .config() 
fastsql.config(function($routeProvider) { 

// set what views are displayed for each change in the URL. 
$routeProvider 
.when("/", { controller: 'loginCntl', templateURL: 'test.html' }) 
.otherwise({ redirectTo: '/' }); 

}); 

// controllers 
fastsql.controller("loginCntl", function($scope) { $scope.message = "hey"; }); 

回答

2

你需要傳遞一個數組的配置功能,服務注入的名稱,然後在功能到他們被注射。

fastsql.config(["$routeProvider", function($routeProvider) { 
// do your thing 
}]); 
+0

我曾嘗試添加此前,無濟於事。只是嘗試了一次,它仍然沒有顯示任何意見:( 有什麼別的,我失蹤? – zach

+0

我不知道,檢查這個plnkr - 它基本上和你的一樣,它的工作原理:http:/ /plnkr.co/edit/ziNS05uxdgzwQMN6dG3V?p=preview – Jason

+1

明白了!templateURL應該是templateUrl。其餘的工作,deff會一直卡在它永遠沒有你的幫助。非常感謝! – zach

8

templateURL應該是templateUrl