遇到的下拉選單相容性問題~firefox和chrome
阿新 • • 發佈:2019-02-19
寫程式碼遇到相容性問題,chrome和firefox下的下拉選單表現的不一樣,前者刷出來會顯示空白,然後下拉才會有選項,後者直接把第一個選項顯示,這就來了一個問題,我要做的一個頁面是要通過ngModelChange觸發不同的頁面顯示,如果已經有值,而且是使用者期望,使用者不選擇,就不會觸發,換句話說,我就是希望一刷出來就是空白,使用者下拉才出來選項~
郵件發出來了也沒有人理我,專案太忙了吧~連測試都不管了,哎~自己動手,改了下封裝的下拉選單,加了一行
<select [ngStyle]="setStyle()" class="ky-select" [disabled]="disabled" [(ngModel)]="value" (blur)="onBlur()">
<option style="display: none;"></option>
<option *ngFor="let option of options" [ngValue]=NgModelBindVaule(option) >{{displayValue(option)}}</option>
</select>
測了下火狐和chrome表現的一致了,開心!相容性問題還是要考慮的