Angular Component属性未在路径导航中重置

Question

如何在RouteParams更改时重置我的组件属性值

我的组件中有一个复选框，我在路由中使用了该组件。

详细信息具有 myProp 属性的组件，该属性已分配给我的复选框。

例如：
的 1。的myapp /细节/ 1
  2. myapp / detail / 2

问题是当我检查一条路线中的复选框并且我导航到具有不同参数的相同路线时，选中的复选框保持不变。

如何在使用不同参数的相同路线之间导航时重置复选框选择？

在生命周期挂钩事件上安慰该属性时，默认值[false] ，但在视图上选中复选框

我的Stackblitz代码

Answer 1

复选框的绑定不是双向绑定。

试试这个：

<input type="checkbox" [(ngModel)]="myProp" /> MyCheckbox