角度绑定动态添加的html div

时间:2014-08-25 14:57:43

标签: angularjs jquery-load

对不起,这似乎是一个重复的问题,但我尝试了所有回答我问题的问题,没有成功。

我正在尝试将angular.js引入遗留系统。 系统使用.load jquery函数从ASP.NET MVC页面动态加载div内容。

我的简短html看起来像这样

<body ng-app="myApp">
<div ng-controller="myCtrl">
any content...
<div id="dyncontent"> </div>
</div>

我的javascript遗留代码看起来像

$('#dyncontent').load('/showviewcontent');

我在动态内容中添加了一些角度指令和绑定指令

我的角度代码是这样的

var myApp = angular.module('myApp', []);

myApp.controller('myCtrl', function ($scope) {
.....
});

如何使绑定/角度指令适用于新添加的内容?

1 个答案:

答案 0 :(得分:1)

您需要使用angular.bootstrap

手动启动角度模块
$('#dyncontent').load('/showviewcontent', function() {
  angular.bootstrap(document.getElementById('dyncontent'), ['myApp']);
});
相关问题