2016-03-05 124 views
0

我對AngularJs仍然很陌​​生。網址正在改變,但網頁始終是相同的。我期待着您的幫助。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> 
+0

不是很清楚你所問的角度文檔的完整示例。當前和期望的行爲究竟有什麼區別? – scotthenninger

+1

您是否將您的索引頁命名爲'.index.html'?爲什麼在'ng-href'屬性值之前有'#'符號? –

+0

well .index.html是一個錯誤,即使沒有它它不工作,#意味着我留在同一頁面,但添加#/ profile例如 – user3908325

回答

0

我猜,所有的HTML不包含以上,但在完整的HTML文件中,您需要定義路線的視圖將被注入的位置。也許你錯過了?有一個叫ng-view的特殊指令。你可以簡單地使用它:

<div ng-view></div> 

當你瀏覽你的應用程序時,div將會成爲你的視圖的顯示位置。

有一個在https://docs.angularjs.org/api/ngRoute/service/$route#example