我正在尝试使用以下代码在 ng-repeat 中创建动态指令:
app.directive('element', function($compile) {
return {
restrict: 'E',
link : function (scope,element,attr)
{
attr.$observe('type', function (val) {
scope.type = val;
});
attr.$observe('value', function (val) {
scope.value = val;
});
attr.$observe('name', function (val) {
scope.name = val;
});
scope.$watch(function()
{
formFieldTemplate= $('<a>').attr('m',scope.name).attr('class',scope.type).attr('value',scope.value);
$compile(formFieldTemplate)(scope);
$(element).replaceWith(formFieldTemplate);
})
}
}
});
supa.directive('Textbox', function($compile) {
return {
restrict: 'C',
link : function (scope,element,attr)
{
formFieldTemplate= $('<input>').attr('type','text').attr("ng-model","mm."+attr.m);
$compile(formFieldTemplate)(scope);
var formListElement = $(element);
formListElement.replaceWith(formFieldTemplate);
}
}
})
此代码显示正确的字段。但是当我将 ng-model 放在文本框指令中时,我会收到一个错误
Error: 10 $digest() iterations reached. Aborting!
如果我删除文本 ng-model 一切正常。包装元素标签的 ng-repeat 返回我将使用的指令。我有更多的指令,比如文本框、文本区域、复选框等等。