Angular Js在Ajax後運行

我的角度是這樣

Index.html 

MyApp.controller('MainController', 
    function($scope, $http, $location , $compile) { 
     $scope.content_middle = 'Welcome';    

     $scope.goto = function(path){ 
      $http.get(path).success(function(response) { 
       $scope.content_middle = $compile(response) 
      }); 
     } 
    } 
);

然後一些錨

<a href="" ng-click="goto('user.html')">User</a>

這將加載user.html阿賈克斯。

User.html 
<table class="table table-hover" ng-controller="UserController"> 
<thead> 
    <tr> 
     <th>No</th> 
     <th>Name</th> 
     <th>Username</th> 
     <th>Date</th> 
     <th>Action</th> 
    </tr> 
</thead> 
<tbody ng-repeat="user in users"> 
    <tr> 
     <td>{{user.no}}</td> 
     <td>{{user.name}}</td> 
     <td>{{user.username}}</td> 
     <td>{{user.date}}</td> 
     <td></td> 
    </tr> 
</tbody> 
</table> 

<script type="text/javascript"> 
// this will load data.txt with ajax angular 
MyApp.controller('UserController', 
    function($scope, $http, $location) { 
     $http.get('data.txt').success(function(response) { 
      $scope.users = response; 
     }); 
    } 
); 
</script>

這可能嗎？因爲我想用它進行動態調用。我在AdvAjax及其宏偉中使用了這種方式。

感謝

來源

2015-10-20 nady saptra

<a href="" ng-click="goto('user.html')">User</a>

使用加載另一個ajax HTML是不是好的選擇。

對於基本路由角具有所需ngRoute模塊$routeProvider服務。

對於預先特徵，AngularUI Router爲路由角模塊。它directive命名ui-view和service命名爲$state路由從一個網頁到另一個。它提供嵌套國&意見和多&命名視圖。

來源

2015-10-20 04:52:21

最好使用... AngularUI Router - 事實上的解決方案，靈活的路由與嵌套視圖

來源

2015-10-20 04:36:57

Angular Js在Ajax後運行

回答

相關問題