angular.js - Bagaimana untuk menyusun dom yang dimasukkan secara manual dalam sudut?
滿天的星座2017-05-15 16:51:11
0
3
734
Selepas melakukan beberapa operasi pada halaman, sekeping kod html akan dimasukkan
Bagaimana untuk menyusun html ini supaya peristiwa dan pembolehubah yang terikat padanya berkuat kuasa~
Atas sebab keselamatan, acara Angular dalam kod HTML yang kami masukkan dan model ng terikat tidak akan berfungsi.
Jika anda mahu ia berfungsi, anda perlu menggunakan perkhidmatan $compile angular
Saya biasanya menggunakan arahan semasa memproses
javascriptangular.module(...).directive('jxbBindCompiledHtml', function ($compile) {
'use strict';
return {
template: '
<p></p>
',
scope: {
rawHtml: '=jxbBindCompiledHtml'
},
link: function (scope, elem, attrs) {
scope.$watch('rawHtml', function (value) {
if (!value) {
return;
}
// we want to use the scope OUTSIDE of this directive
// (which itself is an isolate scope).
var newElem = $compile($.parseHTML(value))(scope.$parent);
elem.contents().remove();
elem.append(newElem);
});
}
};
});
Atas sebab keselamatan, acara Angular dalam kod HTML yang kami masukkan dan model ng terikat tidak akan berfungsi.
Jika anda mahu ia berfungsi, anda perlu menggunakan perkhidmatan $compile angular
Saya biasanya menggunakan arahan semasa memproses
html
htmlvariable ialah pembolehubah kod html yang perlu disisipkan
http://stackoverflow.com/questions/11771513/angularjs-jquery-how-to-get-dynamic-content-working-in-angularjs
Saya menulis contoh, seperti di atas.