Error: [$compile:multidir] Multiple directives

Question

我有一个这样的自定义指令：

myApp.directive('input', function () {
    return {
        restrict: 'E',
        scope: true,
        link: function (scope, elem) {
            if (scope.lang && elem.attr('type') === 'text') {
                elem.attr('lang', 'fa');
                console.log(scope.lang);
            }
        }
    };
});

将 lang='fa' 属性添加到所有 input:text 并且我正在使用 DatePicker angular Ui 但我得到一个错误:

    Error:   
    [$compile:multidir] Multiple directives [datepickerPopupPersian, input] asking for  
      
     new/isolated scope on:  
     <input type="date" name="birth" class="form-control ng-pristine   
    ng-untouched ng-valid"  
     datepicker-popup-persian="{{formats.ShowDate}}" tabindex="7"   
    ng-model="requesterViewModel.BirthDate"   
    is-open="datePicker.opened" datepicker-options="dateOptions" date-disabled="disabled(date, mode)"  
 close-text="بسته"  
     max-date="dt">

当我在表单中评论 datePicker 时一切正常。
任何想法？谢谢

Answer 1

该指令实际上不需要新的子作用域（也不是孤立的）。配置成scope: false就好多了。它不仅可以纠正这个问题，还可以节省一些（当然取决于视图的设计）不必要的范围对象创建。

Error: [$compile:multidir] Multiple directives

Error: [$compile:multidir] Multiple directives

angularjs

angular-directive