垫选择不保留所选值

时间:2019-12-12 13:55:17

标签: angular angular-material

在选择事件调用(selectionChange)和传递事件时使用

select和填充选项,其中event.value用来进行服务调用,在此我将获得相应的json绑定在下面, 所有这些都有效,一旦刷新页面,下拉菜单中所选的值就不会高。 下面是我的代码:

<mat-select [disableOptionCentering]="true" panelClass="select-box-radio"  (selectionChange)="headerSelection($event)">
                    <mat-option class="select-box-radio-item" *ngFor="let h of firmService.headersData" [value]="h">
                      {{h.headername}}
                    </mat-option>
                  </mat-select>

headerSelection(event) {

    this.apiService.getFinancialDocumentDetailsFromJSON(event.value.JsonFilePath).subscribe(response => {
        let data = [];
        data.push(response);
        this.coverHeader = data[0].headerSrc;
      }, error => {

        console.log(error);
      })

  } 

并在此绑定下方完成:

<div class="tiny-mc-container" *ngIf="!coverHeaderEditor && coverHeader" [innerHtml]="coverHeader | safeHtml"></div>

0 个答案:

没有答案