如何使用AngularJS UI路由器?
问题描述:
我想使用AngularJS UI路由器来加载view1和view2,但他们没有加载到index.html页面。你能帮忙吗?如何使用AngularJS UI路由器?
This is the link to whole project in Plunker
而且下面是index.html页面代码:
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8" />
<title>AngularJS Routing</title>
<script data-require="[email protected]*" data-semver="2.0.0" src="https://code.angularjs.org/2.0.0-beta.6/angular2.min.js"></script>
<script data-require="[email protected]*" data-semver="1.0.0-alpha.5" src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.0-alpha.5/angular-ui-router.js"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<ul class="menu">
<li>
<a ui-sref="view1">view1</a>
</li>
<li>
<a ui-sref="view2">view2</a>
</li>
<li>
<a ui-sref="index">Home</a>
</li>
</ul>
<div>Below you should see the partial view :) ... </div>
<div ng-view="">
<p>ng-view should be loading data from about.html right here but it's not working</p>
</div>
<script src="app.js"></script>
<script src="controllers.js"></script>
</body>
</html>
答
应该ui-view
而不是ng-view
(角ngRoute
路由API使用)
+0
非常感谢。这帮了我很多! –
+0
@Maz很高兴知道它帮助,谢谢:-) –
你有错标记。使用ui-view代替ng-view。 – Markus