изменение значения ионного ввода из внешнего файла js

Question

Я работаю над проектом (Ionic3, Angular5).

Я попытался изменить значение ионного ввода извне файла js, импортированного в корневой индексный файл, без шансов.

<ion-input (ngModelChange)="valueChange($this)" [(ngModel)]="name" id="dataIn"></ion-input>

с помощью

document.getElementById("data").value = somedata;

и

document.getElementById('data').setAttribute("value", somedata);

Любая помощь.

Answer 1

Если вы посмотрите на источник, вы можете заметить, что <ion-input> на самом деле является просто оболочкой, а не реальным полем ввода, которое является прямым потомком.

Так что вы можете сделать это следующим образом:

document.getQuerySelector("#dataIn > input").value = somedata;