Angular2輸入變量名稱映射規則？

Question

我在這裏看Angular2教程源代碼：

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

我發現父組件具有

[my-prop]="value" 

，但名稱爲「我的螺旋槳」沒有孩子裏面存在零件。 相反，孩子使用名字'myProp'。

@Input() myProp: any; 

有一些潛規則，這將映射/翻譯「地圖道具」到「myProp」？

Answer 1

您可以使用以下方法：

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

，以能夠在模板中像這樣使用：

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

Answer 2

我做了一些試驗用樣品一點。 剛剛發現系統似乎會自動將[]中的名稱（連字符分隔）轉換爲駱駝大小寫變量名稱進行映射！

所以

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] 

但代碼質量的緣故，它真的不建議使用此功能。