Kis*_*ada 2 angularjs angularjs-routing
我刚刚开始研究AngularJS并遇到了如下问题
我已经创建了一个app.js代码
var myApp = angular.module("myApp",[]);
myApp.config(['$routeProvider',
function($routeProvider) {
$routeProvider.when("/getAnimals",{
templateUrl: "templates/showAnimals.html",
controller:"animalController"
});
$routeProvider.when("/getBirds",{
templateUrl: "templates/showBirds.html",
controller: "birdController"
});
}]);
myApp.controller("animalController",function($scope){
$scope.message = "Hello Animal World";
});
myApp.controller("birdController",function($scope){
$scope.message = "Hello Bird World";
});
还有一个index.html
<!DOCTYPE html>
<html ng-app = "myApp">
<head>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.2.28/angular.min.js"></script>
<script src = "app.js"></script>
</head>
<body>
<div>
<a href = "#getAnimals">Click Here to get Animals</a><br>
<a href = "#getBirds">Click Here to get Birds</a><br>
</div>
<p ng-view></p>
</body>
但我发现这个页面没有加载,并在我检查时显示一个巨大的错误.我实际上并不了解那里发生的事情.但经过几个小时的破解,而不是给CDN我已经添加了另一个CDN即
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
有效 !!!有了这个,我必须知道我犯了一些错误.但是因为我是AngularJS的新手,所以我对那里发生的事情感到很困惑.这个带CDN的版本在AngularJS中真的很重要吗？我是否在我的模块中编写了任何不支持较新版AngularJS的错误代码？
神秘巨大错误(不在问题中)的一个可能原因可能是因为角度已经从1.0.7开始移动,因为分离模块而不是将所有内容放在核心模块中.
在旧版本中,路由过去常被内置到核心模块和库中.但后来它被分离出来到ngRoute模块(和不同的文件),所以你只能在需要时选择加入.在$routeProvider您使用属于ngRoute模块,你需要列出你的应用程序模块声明依赖.
var myApp = angular.module("myApp",['ngRoute']);
并且还包括脚本:
<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.28/angular-route.min.js"></script>
使用ngRoute:在AngularJS 1.2.0及更高版本中,ngRoute已移至其自己的模块.如果在升级到1.2.x或更高版本后出现此错误,请确保已安装ngRoute.
附加说明: - 大多数情况下,当您点击巨大错误中的链接时,它将导航到角度文档网站中的错误描述页面,它将有可能导致问题的线索.
| 归档时间： |
|
| 查看次数： |
996 次 |
| 最近记录： |