简单的angularjs app视图无法加载

时间:2013-05-18 02:07:33

标签: angularjs

我正在尝试通过编写最基本的应用程序进入angularJS。但是我甚至无法得到这么少量的代码 - 控制器似乎没有显示任何视图。这几乎是我在网上看到的流行的angularjs视频的直接副本。我觉得它不是什么大事,我的猜测是我可能在ng-view上有问题。

任何有关我所做错事的见解都会有所帮助。

的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 个答案:

答案 0 :(得分:8)

templateURL应该是templateUrl

答案 1 :(得分:2)

你需要将一个数组传递给config函数,要注入的服务的名称,然后是它们被注入的函数。

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