相當於限制：Angular2中的AE

Question

在Angular 1中，您可以使用restrict來確定如何使用您的指令。 例如：

angular.module('foo').directive('fooDirective', [function () {
  return {
    restrict: 'AE',
    /* ... */
  }
}]);

然后，您可以在模板中將其用作屬性或元素：

<foo />

要么

<div foo />

我一直在閱讀Angular2中的這類網站， 這是select正確使用組件的方法：

@Component({
  selector: 'Sample'
});

然后在你的模板中：

<Sample />

同樣，添加括號可以將其用作屬性：

@Component({
  selector: '[Sample]'
});

模板：

<div Sample />

但是如果我想讓它既可以作為屬性又可以作為元素使用，相當於restrict: 'AE' Angular 1中的restrict: 'AE' ？

Answer 1

您可以使用

@Component({
  selector: 'sample,[Sample]'
});

有關示例，另請參見https://github.com/angular/angular/blob/60727c4d2ba1e4b0b9455c767d0ef152bcedc7c2/modules/angular2/src/common/forms/directives/ng_form.ts#L81

@Directive({ selector: 'form:not([ngNoForm]):not([ngFormModel]),ngForm,[ngForm]',

Answer 2

restrict: 'AE'在AngularJS 2仍然有效。 你指的是Angular 2 for TypeScript 。 我沒有在你的問題中看到TypeScript標簽。 轉到您提供的鏈接 ，注意在下拉列表中選擇了Angular 2 for TypeScript 。