Представление не обновляется при изменении модели в инициализации DOM (ngoninit) - PullRequest
Новая
       21

Представление не обновляется при изменении модели в инициализации DOM (ngoninit)

0 голосов
/ 01 июля 2019

Это мой файл Typescript, где я успешно получаю данные, но мой DOM не обновляется должным образом.Будет обновлено, если я нажму на какое-то другое место, тогда данные будут отражены в моих полях.

Если я прокомментирую все и просто свяжу свои данные напрямую, как это {{buttonstate.name}}, тогда никакой задержки не будет,Поток работает отлично.

buildmultipleButton(button, state) {

this.singlebtnlst = [];

let data = {

 id: this.statementId,
  ...button,
  data: {
    ...state,
    chatbot_id: this.botingId,
  },
  expressions: [],
  var_name: ""
}
this.cos.buildApi(data)
  .then(data => {
    if (data['response']['data']['type'] === "multi_select") {
      this.multiplebtnlst = data['response']['meta_data'];
      this.multiplebtnlst.push({ id: 0, botUp_id_id: 0, name: "Please Enter Something !" });
    } else if (data['response']['data']['type'] === "button") {
      this.singlebtnlst = data['response']['meta_data']['button'];
      this.singlebtnlst.push({ id: 0, botUp_id_id: 0, name: "Please Enter Something !" });
    }
    this.getstatementlist(this.id);
  })
  .catch(console.log)

}

Это HTML-файл, который не обновляется при получении данных 

<div class="form-group popover-buttons"
    *ngFor="let buttonstate of multiplebtnlst; let i= index">

    <input formControlName="mc_btn" 
        (change)="updatesubbutton($event.target.value)" type="text"
        [value]="buttonstate.name" 
        style="width:86% !important; float:left; margin-bottom:10px;"
        class="form-control morebuttoninpt multipleinptarray">

    <button *ngIf="buttonstate.id != 0"
        type="button" class="btn btn-primary btn-sm ml5 removesnglebtn"
        (click)="multiplebtnremove(buttonstate.id)">

        <i class="fa fa-minus"></i>enter code here
    </button> 
    <span (click)="addmultiplebtn(buttonstate.id)">
        <i style="cursor:pointer;   float: right; padding: 8px 8px;" 
            class="fa fa-plus btn btn-primary addsnglebtn">
        </i>
    </span>
</div>
...