我想通過編寫最基本的應用程序進入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"; });
我曾嘗試添加此前,無濟於事。只是嘗試了一次,它仍然沒有顯示任何意見:( 有什麼別的,我失蹤? – zach
我不知道,檢查這個plnkr - 它基本上和你的一樣,它的工作原理:http:/ /plnkr.co/edit/ziNS05uxdgzwQMN6dG3V?p=preview – Jason
明白了!templateURL應該是templateUrl。其餘的工作,deff會一直卡在它永遠沒有你的幫助。非常感謝! – zach