AngularJS 视图的动态加载

Question

有没有办法在 AngularJS 中加载通过 Rest 和 UI-Router 公开的视图？这背后的想法是让 UI-Router 从 Rest 接口请求部分，然后让控制器将变量添加到 $scope.

Answer 1

假设有 2 页，index.html 和 details.html

在index.html

<script>
function ctr($scope,$http)
{
  $http({
    method: 'GET',
    url: "details.html"
    }).success(function (data, status){
      $("#content").empty();
      $("#content").append(x);
      var p = $("#content");
      $compile(p.contents())($scope);
    });
}
</script>
<div id="content">
put ur content here
</div>

在details.html

<script>
function ctrb($scope)
{
  $scope.details = "here is details";
}
</script>
<div ng-controller="ctrb">
  {{details}}
</div>

所以细节将有自己的控制器，如果你愿意，主控制器也可以访问细节控制器。

AngularJS 视图的动态加载

Dynamic loading of AngularJS view

angularjs

rest

view

angular-ui-router

partial