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>