AngularJs中的动态路由

Question

我对AngularJs还是很陌生。 网址正在更改，但页面始终相同。 我期待着您的帮助。

配置：

var app = angular.module('MyApp', ['ngResource','ngRoute']);

app.config(['$routeProvider',
            function($routeProvider) {

        $routeProvider
        .when('/',{
             templateUrl: '../pages/.index1.html'

        })
    .when('/profile',{
         templateUrl: './profile.html'

    }).when('/messages',{
        templateUrl: 'file.html'
    });
 }]);

这是我的index1.html，我在其中调用app.js

<script src="../angular/angular.js"></script>
<script src="../angular/angular-route.js"></script>
<script src="../angular/angular-resource.js"></script>
<script src="../js/app.js"></script>
<ul>         
   <li class="">
      <a ng-href="#/"><i class="fa fa-group"></i> Users</a>
   </li>
   <li class="">
      <a  ng-href="#/profile"><i class="icon-user-1"></i> Profile</a>
   </li>
   <li class="">
      <a ng-href="#/messages"><i class="icon-comment-fill-1"></i> Messages</a>
   </li>
</ul>

Answer 1

我猜想您的所有HTML都没有包含在上面，但是在您的完整HTML文件中，您需要定义将注入路线视图的位置。 也许您错过了？ 有一个特殊的指令称为ng-view。 您可以将其简单地用作：

 <div ng-view></div>

然后，该div将成为您浏览应用程序时显示视图的位置。

角度文档中有一个完整的示例， 网址为https://docs.angularjs.org/api/ngRoute/service/$route#example