javascript - Angular 2 中的指令执行顺序

Question

如果我有一个带有点击处理程序和自定义属性指令的简单按钮，如下所示:

<button  (click)="save()" attributedirective="project saved">Save</button>

在我的属性指令中，我使用 hoSTListener 装饰器来监听点击事件:

@Directive({
    selector: `[attributedirective]`
})
export class AuditPusher {
    @Input('attributedirective') attributedirective: string = 'Missing message!';

    @HostListener('click', ['$event'])
    pushAudit() {
        console.log('text:'+this.attributedirective.toString());
    }
}

我的哪个代码会先触发？单击事件上的 save() 或我的属性指令中的代码？ - 并且:想象一下有两个属性指令。哪一个会先开火？在 Angular 1 中有指令优先级之类的东西，这在 Angular 2 中是如何实现的？我发现很难找到这方面的文档。

Answer 1

据我所知，执行顺序是未定义的。您不应该依赖特定的顺序。