您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何在AngularJS的同一元素上嵌套两个指令?

如何在AngularJS的同一元素上嵌套两个指令?

remove 指令名称为’lw’时为 ..

那也应该解决

更新小提琴:更新小提琴

app.directive('lw', function(){
    return {
        restrict: 'E',
        scope: {
            items: "="
        },
        template: '<listie items="items"></listie>',
        controller: function($scope) {
        }
    }
});

分析:

使用lw指令的replace = true会发生什么事,因为lw具有隔离作用域,现在作为replace = true,试图将本身具有隔离作用域的替换元素在那里替换,因此您不知不觉中所做的就是尝试为两个作用域提供两个作用域相同元素的listie。

第5728行:函数applyDirectivesToNode是在指令上执行编译的函数,在第5772行中,如果我们试图分配重复的作用域或换句话说,将相同的元素分配给两个作用域,它们将执行此检查。

function assertNoDuplicate(what, prev@R_301_2396@sDirective, directive, element) {
      if (prev@R_301_2396@sDirective) {
        throw $compileminerr('multidir', 'Multiple directives [{0}, {1}] asking for {2} on: {3}',
            prev@R_301_2396@sDirective.name, directive.name, what, startingTag(element));
      }
    }

上面的函数进行检查,如果万一试图为同一元素分配两个作用域,它将抛出该错误。所以这就是它的设计目的,而不是错误

通过删除replace:true,发生了什么事,而不是替换了新的指令listie而不是lw,它被附加到其中,因此这是一个嵌套到另一个隔离范围中,这是绝对正确和允许的。嵌套的隔离范围就像

<lw items="items" class="ng-isolate-scope">
   <div items="items" class="ng-isolate-scope">
        ..........
   </div>
</lw>

需要注意的一点是div不是具有单独隔离范围的元素,它只是一个元素。在replace上,您正在将lw的隔离范围附加到div。(注意:div本身没有隔离范围),因此没有2个隔离范围附加到同一元素div。因此没有重复,因此断言步骤已通过并开始工作。

因此,这就是它设计的工作方式,绝对不是错误

其他 2022/1/1 18:13:34 有691人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶