Как использовать ng-view и routeProvider для загрузки нескольких представлений?

0

Я пытаюсь использовать множественные представления AngularJS, используя ng-view и routeProvider, но он не работает. Не могли бы вы помочь? Ниже приведена ссылка на весь мой проект Plunk:

проект нескольких просмотров

Ниже приведена страница 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="1.4.8" src="https://code.angularjs.org/1.4.8/angular.js"></script>
  <script data-require="angular-route@*" data-semver="1.4.8" src="https://code.angularjs.org/1.4.8/angular-route.js"></script>
  <link rel="stylesheet" href="css/app.css" />
</head>

<body>
  <ul class="menu">
    <li>
      <a href="#/view1.html">view1</a>
    </li>
    <li>
      <a href="#/view2.html">view2</a>
    </li>
  </ul>
  <div>Below you should see the partial view :) ... </div>
  <div ng-view>
    <p>ng-view should be loading data from view1.html and view2.html right here but it not working</p>
  </div>



  <script src="app.js"></script>
  <script src="controllers.js"></script>
</body>

</html>
Теги:

1 ответ

0
Лучший ответ

удалить .html из href="#/view1.html" и "href=" #/view2.html "

Изменить:

.when('/index', {
  template: ''
})
.otherwise({
  redirectTo: '/index'
});
Поделиться
  • 0
    Спасибо за ваш отзыв. Это помогло. Однако всякий раз, когда я перезагружаю страницу index.html, я автоматически перенаправляюсь в view.html. Я не вижу index.html без просмотров! Можете ли вы помочь мне выяснить, почему это происходит?
  • 0
    я изменил свой ответ, вам нужно добавить новое состояние для индекса без просмотров.
Показать ещё 7 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню