如何使用ng-view和routeProvider加載多個視圖？

Question

我正在嘗試使用ng-view和routeProvider使用AngularJS的多個視圖，但是它不起作用。 能否請你幫忙？ 以下是我整個Plunk項目的鏈接：

以下是index.html頁面：

 <!DOCTYPE html>
<html lang="en" ng-app="myApp">

<head>
  <meta charset="utf-8" />
  <title>AngularJS Routing</title>
  <script data-require="angular.js@1.4.8" 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's not working</p>
  </div>



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

</html>

Answer 1

從href="#/view1.html"和`href =“＃/ view2.html”中刪除.html

修改：

.when('/index', {
  template: ''
})
.otherwise({
  redirectTo: '/index'
});

如何使用ng-view和routeProvider加載多個視圖？

問題描述

1 個解決方案

解決方案1
0 已采納 2016-06-08 11:22:02

如何使用ng-view和routeProvider加載多個視圖？

問題描述

1 個解決方案

解決方案1 0 已采納 2016-06-08 11:22:02

解決方案1
0 已采納 2016-06-08 11:22:02