Входные атрибуты меняются, когда я нажимаю с третьего компонента IONIC-3 - PullRequest
0 голосов
/ 27 мая 2019

У меня есть список мест и возможность добавлять места, когда я нажимаю кнопку Добавить, его 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

...