angular - 角度元素：骆驼套属性不起作用

Question

当我为我的元素赋予驼峰式属性时，它们不起作用。没有错误或警告。但是当我传递所有小写属性时，它们运行良好。有人可以解释这种行为吗？

我的index.html：

<body>
  <app-root></app-root>
  <user-poll age="25" personName="John doe"></user-poll>//an angular element
</body>

user-poll.component.ts

@Input() a: number;//=25, works well
@Input() personName: string;//always undefined

score 2 · Accepted Answer

所有 camelcase 属性都将用-. 从文档：

...对于带有 @Input('myInputProp') inputProp 的组件，相应的自定义元素定义了一个属性 my-input-prop。

1 回答 1