在页面内动态加载AngularJS模板

前端之家收集整理的这篇文章主要介绍了在页面内动态加载AngularJS模板前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个包含2个控制器的页面:一个管理所谓的“应用程序”列表,另一个是将新的Angular模板放入其Div元素的innerHTML中。
<div ng-controller="appList"></div>
<div ng-controller="appPane"> Dynamic content should be loaded here! </div>

我已经尝试使用标准的{{expression}}绑定,但是它们不能与html一起使用,我也尝试过ng-bind-html-unsafe指令(将innerhtml绑定到App请求的返回值),但控制器不是在这个新的代码中执行。

问题似乎是通过使用Binding,Angular不会重新解析所讨论的HTML的内容,将其用作角度应用程序。有什么想法来解析动态内容

看看 uiRouter模块(从 AngularUI项目)。它增加了状态的概念,它们与路线非常相似,但与其他好处相似,例如嵌套它们的能力。例如:
$stateProvider
    .state('myState',{
        url: '/mystate',templateUrl: '...',controller: 'MyCtrl'
    })
    .state('myState.substate',{
        url: '/{substate}',controller: 'MySubCtrl'
    });

当您进入/ mystate /某事时,MySubCtrl将被激活,您可以使用该“某事”作为参数(参见$stateParams)。你可以将状态嵌套到任何级别。

原文链接:https://www.f2er.com/angularjs/144082.html

猜你在找的Angularjs相关文章