2

現在、角度のある素材を使用した選択リストを使用していますが、選択時にラベル アニメーションは必要ありません。選択を行った場合と同様に、選択入力の上にラベルを常に表示する必要があります。

通常のテキスト入力でこれを機能させることができます

    <md-input-container class="md-input-has-placeholder">
       <label>Name</label>
       <input type="text"/>
    </md-input-container>

ここに画像の説明を入力

ただし、これは選択リストでは機能します（選択リストのAngular Materialドキュメントへのリンク）。what is happening選択入力の上にラベルを固定したままにすることができません。

これは私の現在のコードです

<md-input-container flex="auto" flex="50" class="md-hue-3 md-input-has-placeholder">

 <label>What is happening ?</label>

 <md-select ng-model="$ctrl.alert.effect" class="md-hue-3 ng-not-empty" name="what">
    <md-optgroup label="Select type">
            <md-option ng-repeat="effect in $ctrl.effects">{{effect.name}}</md-option>
    </md-optgroup>
  </md-select>
 </md-input-container>

アニメーションはクールですが、通常の入力ラベルが必要です。

これは、動作させるために作成したハックです。次に、入力アクティブの sass に親セレクターを書き込む必要があります。非常に単純なものの混乱です。

<div layout="row">
    <div layout="column" layout-fill>

        <label>What is happening ?</label>

             <md-input-container flex="auto" flex="50" class="md-hue-3">

                  <md-select ng-model="$ctrl.alert.effect" class="md-hue-3" name="what" >
                        <md-optgroup label="Select alert type">
                            <md-option ng-repeat="effect in $ctrl.effects">{{effect.name}}</md-option>
                        </md-optgroup>
                  </md-select>

              </md-input-container>
       </div>
  </div>
4

3 に答える 3

0

残念ながら、このオプションはサポートされていないため、これを行う簡単な方法はありません。このバグとこの投稿を参照してください

于 2016-04-25T08:31:05.753 に答える