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] 

但代码质量的缘故，它真的不建议使用此功能。