在页面内动态加载AngularJS模板

发布时间：2020-12-17 08:05:20 所属栏目：安全来源：网络整理

导读：我有一个包含2个控制器的页面：一个管理所谓的“应用程序”列表，另一个是将新的Angular模板放入其Div元素的innerHTML中。 div ng-controller="appList"/divdiv ng-controller="appPane" Dynamic content should be loaded here! /div 我已经尝试使用标准的{

我有一个包含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)。你可以将状态嵌套到任何级别。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!