我正在尝试通过编写最基本的应用程序进入angularJS。但是我甚至无法得到这么少量的代码 - 控制器似乎没有显示任何视图。这几乎是我在网上看到的流行的angularjs视频的直接副本。我觉得它不是什么大事,我的猜测是我可能在ng-view上有问题。
任何有关我所做错事的见解都会有所帮助。
<!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>
// 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"; });
答案 0 :(得分:8)
templateURL
应该是templateUrl
。
答案 1 :(得分:2)
你需要将一个数组传递给config函数,要注入的服务的名称,然后是它们被注入的函数。
fastsql.config(["$routeProvider", function($routeProvider) {
// do your thing
}]);