javascript - Angular 1.5 中的组件和指令

Question

Angular 1.5 中的重大功能变化正在周边支持components .

component('myComponent', {
  template: '<h1>Hello {{ $ctrl.getFullName() }}</h1>',
  bindings: { firstName: '<', lastName: '<' },
  controller: function() {
    this.getFullName = function() {
      return this.firstName + ' ' + this.lastName;
    };
  }
});

虽然这一切都很好，但我不确定这与指令有何不同。与传统的自定义指令相比，使用 components 有什么好处？ Angular 1.5 和 Angular 2 中的组件是否相同？

Answer 1

.component 不会像 @rek Żelechowski 所说的那样替换 .directive。所以..

没有什么是 .component() 可以用 .directive() 做不到的。它旨在简化我们创建“组件”的方式——这大致意味着 UI 指令。

什么时候可以/应该使用它？

显然，在某些情况下您不能/不应该使用它:

• 如果您需要链接功能(尽管您很少需要)
• 如果你想要一个无模板的指令，例如没有模板或单独范围的 ng-click

对于所有其他指令，这应该有效。而且因为它节省了样板文件并且不易出错，所以使用起来更好。

尽管有很多新东西，.component() 不能完全取代 .directive()。