Angular2输入变量名映射规则？答案

【问题标题】：Angular2 input variable name mapping rule?Angular2输入变量名映射规则？
【发布时间】：2016-04-24 08:42:39
【问题描述】：

我在这里看一个Angular2教程源代码：

发现父组件有

[my-prop]="value"

但子组件中不存在名称“my-prop”。相反，孩子使用名称“myProp”。

@Input() myProp: any;

是否有一些隐藏规则将“map-prop”映射/翻译为“myProp”？

【问题讨论】：

【解决方案1】：

您可以使用以下内容：

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

能够在模板中这样使用：

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

【讨论】：

【解决方案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]

但是为了代码质量，真的不建议使用这个功能。

【讨论】：