如何使用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>

来源

2016-06-09 M.Z.

你有错标记。使用ui-view代替ng-view。 – Markus

应该ui-view而不是ng-view（角ngRoute路由API使用）

来源

2016-06-09 12:00:45

非常感谢。这帮了我很多！ –

@Maz很高兴知道它帮助，谢谢:-) –

如何使用AngularJS UI路由器？

回答

相关问题