Angular2-MDL-extの使用方法プレースホルダーの選択を淡色表示

Question

他のAngular 2 MDLフォームフィールドと選択プレースホルダーをコヒーレントにグレーアウトすることはできますか？

これは、私はデフォルトの設定では得ることができるものである。

<mdl-textfield type="text" label="CAP..." formControlName="postcode" floating-label></mdl-textfield><br> 
<mdl-textfield type="text" label="Città..." formControlName="city" floating-label></mdl-textfield><br> 
<mdl-textfield type="text" label="Provincia..." formControlName="province" floating-label></mdl-textfield><br> 
<mdl-select 
     placeholder="Nazione" 
     formControlName="countryid"> 
    <mdl-option value="0"></mdl-option> 
    <mdl-option *ngFor="let country of countries" [value]="country.id">{{country.name}}</mdl-option> 
</mdl-select> 

選択プレースホルダ "Nazione" は黒で表示されます。私はフィールド "キャップ..."、 "チッタ..."、 "Provincia ..."と同じようにグレーアウトしたいと思います。

Answer 1

mdl2-angular-ext 0.6.0には適切なプレースホルダが必要です。あなたのコード例は正しいですが、この質問を訪れる誰のために、ここでのコードは（再び）です：

<mdl-select placeholder="Nazione" formControlName="countryid"> <mdl-option value="0"></mdl-option> <mdl-option *ngFor="let country of countries" [value]="country.id">{{country.name}}</mdl-option> </mdl-select>

あなたの質問に関係のない、しかしそれは、質問に関するコメントで議論されて以来、浮動labelプロパティは今でも機能します。

<mdl-select floating-label placeholder="Nazione" formControlName="countryid"> <mdl-option value="0"></mdl-option> <mdl-option *ngFor="let country of countries" [value]="country.id">{{country.name}}</mdl-option> </mdl-select>