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

Answer 1

所有驼峰属性将以-分隔。来自docs：

...对于具有@Input（'myInputProp'）inputProp的组件，相应的自定义元素定义了属性my-input-prop。