2
Я пытаюсь использовать AngularJS UI Router для загрузки view1 и view2, но они не загружаются на страницу index.html. Не могли бы вы помочь?Как использовать UL-маршрутизатор AngularJS?
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. – Markus