Как я могу изменить значение флажка в угловых 8 на ionViewWillEnter ()

Question

Так как я использую ion-router, мои поля ввода, т.е. флажок, похоже, сохраняет свое значение, так как компонент не уничтожается при навигации по той же иерархии. Всякий раз, когда вызывается ngOnDestroy (), и я возвращаюсь к представлению, оно работает как требуется, т.е. значение флажка установлено по умолчанию. Поэтому мне нужен какой-то способ, где я могу получить значение из поля ввода и изменить его на значение по умолчанию, то есть false в ionViewWillEnter (), для случаев, когда я нахожусь в той же иерархии навигации.

Это мой HTML-код:

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

Answer 1

Я решил эту проблему с помощью компонента @ViewChild () из angular.

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("checkBox1", { static: false }) checkBox1: ElementRef;

public ionViewWillEnter() {
 this.checkBox1.nativeElement.checked = false;
}

Итаккаждый раз, когда представление будет входить с помощью ViewChild (), мы можем установить проверенное значение элемента на false.

Answer 2

Похоже, что вы не используете какие-либо угловые / ионные функции для своих входов.

То, что я ожидал бы увидеть, это либо [ngModel], либо value, установленный.

Вы можете сделать это так:

// разметка

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

Тогда, если у вас есть переменная на бэкэнде:

let yourInputNameHere: boolean = false;

И это может бытьиспользуется для установки значения в ionViewWillEnter().