У меня есть список мест и возможность добавлять места, когда я нажимаю кнопку Добавить, его push
до MapTestcomponent
, где у меня есть input
, который заполнен функцией автозаполнения карт Google, он работает,но если push
к моему списку мест из третьего компонента, когда я получаю доступ к своему form
, input
меняет атрибуты и не работает.почему?
Список мест HTML
<ion-content padding>
<ion-list inset>
<ion-item text-wrap *ngFor="let item of direcciones$ | async">
<ion-icon name='ios-navigate-outline' item-start></ion-icon>
<p class="name">{{item.name}}</p>
<p>{{item.name}}</p>
</ion-item>
<ion-item (click)="addPlace()">
<ion-icon name='add' item-start></ion-icon>
<p class="nombre">Add</p>
</ion-item>
</ion-list>
Список мест .ts
addPlace(){
this.navCtrl.push("AddPlacePage");
}
AddPlace html
<ion-content padding>
<form>
<ion-item>
<ion-label floating>Name</ion-label>
<ion-input type="text"></ion-input>
</ion-item>
<ion-item>
<ion-label floating>Comments</ion-label>
<ion-textarea id="Commentstxt" rows="6" cols="20" ></ion-textarea>
</ion-item>
<ion-item>
<ion-label floating>Address</ion-label>
<ion-input id="Addtxt" type="text"></ion-input>
</ion-item>
</form>
</ion-content>
AddPlace t *
this.mapsAPILoader.load().then(
() => {
// let autocomplete = new google.maps.places.Autocomplete(this.searchElement.nativeElement, { types: ["address"] });
let nativeHomeInputBox = document.getElementById('Addtxt').getElementsByTagName('input')[0];
let ionicTxtAr = document.getElementById('commentstxt').getElementsByTagName('textarea')[0];
console.log(nativeHomeInputBox)
PD: это только часть моего ts
и работает!
case 1
ноесли я нажимаю от третьего компонента, чтобы разместить список, ввод меняется на это, и не работает
case 2