2017-08-23 14 views
0


この単純なコードが機能しない理由はありますか?私は自分の選択にプレースホルダーを置こうとしていますが、単にリストの他のオプションの1つとして表示されます。プレースホルダーが表示されない角度選択

<div *ngFor="let d of formDatiRichiesta" class="form-row"> 
      <select *ngIf="d.type=='select'" 
        class="form-control" 
        name="{{d.name}}" 
        [(ngModel)]="model[d.name]" 
        required> 
      <option selected disabled>{{d.placeholder}}</option> 
      <option *ngFor="let b of elencoBanche" value="{{b.id}}">{{b.denominazione}}</option> 
      </select> 
     </div> 

私はangular4を使用しています。ありがとう。

- EDIT_ 私が[(ngModel)]="model[d.name]"をすべて削除しても問題ないとわかりました。何かヒント?

+0

をオプションの値が 'ngModel'と一致しない場合、選択されたプロパティをクリアします。 – Pengyy

+0

「モデル」とは何ですか? – Vega

+2

https://stackoverflow.com/questions/44044746/selected-of-select-doesnt-work-as-excepted-in-angular2/44151189#44151189 – Pengyy

答えて

0

これは動作するはずです。属性disabledではオプションとして選択することはできません。

しかし、あなたはまた、それを隠すためにhidden属性追加することができます。あなたはオプションに値を指定しない場合は、それがテキストと同じ値、また `ngModel`が割り当てられます

<option value="" selected disabled hidden>{{d.placeholder}}</option> 
関連する問題