在 AngularJS 中，当尝试从指令中向元素添加附加指令时，可能会遇到无限循环问题。这是由于指令更改后 AngularJS 的自动重新编译过程造成的。
要解决此问题，您可以利用 $compile 服务以及元素操作来添加所需的指令，而不会触发无限循环。这是解决问题的代码的修改版本：
angular.module('app')
.directive('superDirective', function ($compile, $injector) {
return {
restrict: 'A',
replace: true,
link: function compile(scope, element, attrs) {
if (!element.attr('datepicker')) { // Check for existing attributes
element.attr('datepicker', 'someValue');
element.attr('datepicker-language', 'en');
element.removeAttr("ng-required"); // Remove any ng-required attribute
$compile(element)(scope); // Compile the updated element
}
}
};
});此方法通过在添加现有指令之前检查现有指令来避免无限循环。此外，它还会删除任何现有的 ng-required 属性，以防止指令的多个实例设置它。通过使用此策略，您可以安全地将指令添加到父指令中的元素。
如果您在单个元素上（例如在
以上是在 AngularJS 中添加指令时如何避免无限循环？的详细内容。更多信息请关注PHP中文网其他相关文章！
