我正在研究Angular路线示例,但由于某些原因,它不起作用。
我已经尝试了许多页面和许多东西,但似乎没有帮助。
这是一个
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="../Scripts/angular.min.js"></script>
<script src="../Scripts/angular-route.min.js"></script>
<script>
var app = angular.module("Main", ["ngRoute"]);
app.config(["$routeProvider", function ($routeProvider) {
$routeProvider.
when("/first", {
templateUrl: "_Pages/test.html",
controller: "first"
}).
when("/second", {
templateUrl: "_Pages/index.html",
controller: "second"
});
}]);
app.controller("first", function ($scope) {
$scope.list = [1, 2, 3, 4, 5];
});
app.controller("second", function ($scope) {
$scope.list = [1, 2, 3];
});
</script>
</head>
<body ng-app="Main">
<ul>
<li> <a href="#/first"> first partial </a> </li>
<li> <a href="#/second"> second partial </a> </li>
</ul>
<div ng-view></div>
</body>
</html>
任何建议将是愉快的!
您的angular js文件包含中可能存在版本问题。
您可以用以下方式替换文件包含代码:
<script src="http://code.angularjs.org/1.4.8/angular.js"></script>
<script src="https://code.angularjs.org/1.2.16/angular-route.min.js"></script>
(或者)
从此处复制整个代码。这是有角JS和Route的工作版本。
注:我换templateUrl
到template
了演示目的。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句