2015-01-04 41 views
0

有没有一种方法来加载在AngularJS中通过Rest和UI-Router公开的视图? 这个想法背后是让UI-Router从Rest接口请求部分,然后让控制器将变量添加到$ scope。AngularJS视图的动态加载

+0

也许[this](http://www.bennadel.com/blog/2553-loading-angularjs-components-after-your-application-has-been-bootstrapped.htm)是你想要的 –

+0

谢谢为你的答案。然而,我只是想找一个简单的方法来向配置里面的Rest接口发送请求(基本上定义了视图),这样我就可以将返回的HTML传递给resp。视图。 这个想法再次不是使用.html模板,而是从Rest界面中检索数据。 – nORopHEos

+0

真的不是很清楚你在问什么。也许你的流程概念的代码示例会帮助 – charlietfl

回答

0

假设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> 

这样的细节都会有自己的控制器,和如果您需要,主控制器也可以访问详细的控制器。

+0

这是一个好主意!谢谢,我一定会试试这个! – nORopHEos