@Input() 未渲染/接收最新传递的值

Question

我正在开发一个角度应用程序，我试图使用 @Input() 装饰器将值从父组件传递到子组件。但是，该值仍然呈现来自子组件的旧/初始值，而不是来自父组件的更新/最近传递的值。有谁明白为什么以及如何解决这个问题？

代码：

@Input('amt') amount:any =100;

父组件

<app-payment [amount]="100*2"></app-payment>

Answer 1

是的，事实证明我的装饰器名称和变量名称必须匹配，我不知道为什么，但这解决了这个小问题。

改变：

@Input('amt') amount:any =100;

至

@Input('amount') amount:any =100;

如果你发现自己犯了类似的错误，那应该可行