Angular2-Eingabe-Variablenname-Zuordnungsregel?

Question

I-Code ein Angular2 Tutorial Quelle hier bin gerade:

http://plnkr.co/edit/AHrB6opLqHDBPkt4KpdT?p=preview

ich, dass die übergeordnete Komponente

gefunden

[my-prop]="value" 

aber der Name 'my-prop' existiert nicht im Inneren des Kindes hat Komponente. Stattdessen verwendet das Kind den Namen 'myProp'.

@Input() myProp: any; 

Gibt es eine versteckte Regel, die 'map-prop' auf 'myProp' abbildet/übersetzt?

Answer 1

Sie können die folgenden Befehle verwenden:

@Input('my-prop') myProp: any; 

zu können, wie dies in der Vorlage zu verwenden:

<comp [my-prop]="someExpression"></comp> 

Answer 2

ich mit der Probe ein wenig einige Test tat. Gerade gefunden, dass System scheint den Namen (Bindestrich getrennt) innerhalb des [] in camel-case variablen Namen für das Zuordnen automatisch umzuwandeln!

so

my-prop // can map to [myProp] 
my-p-rop // can NOT map to myProp] 
my--prop // can NOT map to [myProp], somehow 
a-var-name // can map to [aVarName] 

aber aus Gründen der Code-Qualität, ist es wirklich nicht diese Funktion nutzen vorgeschlagen.