Html 如何更改ionViewWillEnter（）上angular 8中复选框的值

由于我使用的是ion router，所以我的输入字段（即复选框）似乎保留了它的值，因为当我在同一层次结构中导航时，组件没有被破坏。每当调用Ngondestory（）并返回视图时，它都会按要求工作，即复选框值设置为默认值。因此，我需要某种方法，在ionViewWillEnter（）中，我可以从输入字段中获取值并将其更改为默认值，即false，用于处于同一导航层次结构中的情况

这是我的HTML代码：

<div class="d-flex justify-content-between border-bottom p-2">
 <label translate="Test"></label>
 <input class="align-middle" type="checkbox"/>
</div>

---

看起来您的输入没有使用任何角度/离子特性

我希望看到的是设置的

[ngModel]

或

值

您可以这样做：

//加价

<div class="d-flex justify-content-between border-bottom p-2">
 <label translate="Test"></label>
 <input class="align-middle" type="checkbox" [ngModel]="yourInputNameHere" />
</div>

这可以用来设置
ionViewWillEnter（）
中的值。看起来您的输入没有使用任何角度/离子特征

我希望看到的是设置的
[ngModel]
或
值

您可以这样做：

//加价

<div class="d-flex justify-content-between border-bottom p-2">
 <label translate="Test"></label>
 <input class="align-middle" type="checkbox" [ngModel]="yourInputNameHere" />
</div>

这可以用来设置
ionViewWillEnter（）
中的值。我解决这个问题的方法是使用angular中的@ViewChild（）组件

HTML代码：

<div class="d-flex justify-content-between border-bottom p-2">
 <label translate="Test"></label>
 <input class="align-middle" type="checkbox" #checkBox1 />
</div>

因此，每次使用ViewChild（）进入视图时，我们都可以将元素的选中值设置为false。
我解决此问题的方法是使用angular中的@ViewChild（）组件

HTML代码：

<div class="d-flex justify-content-between border-bottom p-2">
 <label translate="Test"></label>
 <input class="align-middle" type="checkbox" #checkBox1 />
</div>

因此，每次使用ViewChild（）进入视图时，我们都可以将元素的选中值设置为false。
正如您所说，我已经尝试使用[ngModel]，但仍然没有任何区别。我试着使用正态变量以及可观察和行为主体，但非正态变量似乎解决了我的问题。原因是当组件被初始化时，ngModel值被传递给它并设置值，当用户单击它以选中或取消选中时，它将保留该值。由于组件未重新渲染，因此它保留最后一个值，并且不会在ionViewWillEnter（）上更新。这个复选框用于ngx引导模式，如果有一种方法可以破坏模式也可以工作的话。正如你所说，我已经尝试过使用[ngModel]，但仍然没有什么不同。我试着使用正态变量以及可观察和行为主体，但非正态变量似乎解决了我的问题。原因是当组件被初始化时，ngModel值被传递给它并设置值，当用户单击它以选中或取消选中时，它将保留该值。由于组件未重新渲染，因此它保留最后一个值，并且不会在ionViewWillEnter（）上更新。这个复选框用于ngx引导模式，如果有一种方法可以破坏模式，也可以工作。