如何理解指令的“终端”？

Question

如何理解指令的“终端”？

angularjsangularjs-directive

66

在此页面中：http://docs.angularjs.org/guide/directive 指令定义对象

终止符

如果设置为 true，则当前优先级将是最后执行的指令集（任何具有相同优先级的指令集的执行顺序仍未定义）。

我不太理解。什么是“当前优先级”？如果有这些指令：

1. 具有 {priority: 1，terminal: false} 的 directive1 2. 具有 {priority: 10，terminal: false} 的 directive2 3. 具有 {priority: 100，terminal: false} 的 directive3 4. 具有 {priority: 100，terminal: true} 的 directive4 //这个是true 5. 具有 {priority: 1000，terminal: false} 的 directive5

请注意，directive4 具有 terminal:true，其他指令均为 false。

如果一个 HTML 标记具有这 5 个指令：

<div directive1 directive2 directive3 directive4 directive5></div>

这5个指令的执行顺序是什么？

- Freewind

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Anders Ekdahl · Accepted Answer

优先级

当在一个HTML元素上有多个指令时，优先级才有意义。优先级决定了这些指令将被应用/启动的顺序。在大多数情况下，您不需要设置优先级，但有时当使用编译函数时，您希望确保您的编译函数首先运行。

终端

终端属性也只与同一个HTML元素上的指令相关。也就是说，如果您有<div my-directive1></div> <div my-directive2></div>，则指令my-directive1和my-directive2中的priority和terminal不会相互影响。只有当您有<div my-directive1 my-directive2></div>时，它们才会相互影响。

终端属性告诉Angular跳过在其后的所有指令（较低优先级）并结束当前元素上的处理。所以下面的代码可能会更好地解释此概念：

myModule.directive('myDirective1', function() {
    return {
        priority: 1,
        terminal: false,
        link: function() {
            console.log("I'm myDirective1");
        }
    }
});

myModule.directive('myDirective2', function() {
    return {
        priority: 10,
        terminal: true,
        link: function() {
            console.log("I'm myDirective2");
        }
    }
});

myModule.directive('myDirective3', function() {
    return {
        priority: 100,
        terminal: false,
        link: function() {
            console.log("I'm myDirective3");
        }
    }
});

因此，您只会在控制台中看到“I'm myDirective2”和“I'm myDirective3”。

<div my-directive1 my-directive2 my-directive3></div>

但如果没有这个，你也会看到"I'm myDirective1"，因为它们在不同的元素上。

<div my-directive1></div>
<div my-directive2></div>
<div my-directive3></div>

原始帖子

在你的例子中，具有100和1000优先级的指令是唯一会被应用的，因为具有更高优先级的指令首先被应用，所以具有1000优先级的指令将首先被应用。

如果在这种情况下有两个具有100优先级的指令，则两者都将被应用，因为具有相同优先级的指令的顺序未定义。

请注意，这仅适用于位于同一元素上的指令。