制限の同等：AE in Angular2

Question

角度1では、restrictを使用して、ディレクティブの使用方法を決定できます。たとえば、次のように

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

そして、あなたは属性として、または要素のいずれかとして、あなたのテンプレートでこれを使用することができるだろう：

<foo /> 

OR

<div foo /> 

私は」 this oneのようなサイトで、Angular2で、selectあなたのコンポーネントの現在の使用方法を定義する適切な方法を読んでいます：

テンプレートで次に

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

：テンプレート

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

：

<Sample /> 

同様に、括弧を追加すると、属性として使用することができます

<div Sample /> 

しかし、どのような私はそれが両方のattriとして使用されることを許可したい場合buteであり、要素として、角度1のrestrict: 'AE'に相当しますか？

Answer 1

restrict: 'AE'は、AngularJS 2で有効です。あなたが指しているのはAngular 2 for TypeScriptです。あなたの質問にTypeScriptタグが表示されません。 Go to the link you have providedを入力し、ドロップダウンでAngular 2 for TypeScriptが選択されていることに注意してください。

Answer 2

あなたは

@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]',