問題タブ [md-select]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
732 参照

javascript - 値がオブジェクトの場合、md-selectでデフォルト値を設定しますAngular4 Angular-Material

md-select change イベントから、文字列ではなくオブジェクトを渡そうとしています。これは正常に機能しますが、ロード時に値を事前に選択することはできません:

これは機能しません:

これもありません:

値がオブジェクトの場合、ロード時に値を事前選択する方法はありますか? 一般的なユースケースのようです。

https://plnkr.co/edit/IkAnPj4ABsWOM4mpqqK4?p=preview

0 投票する
1 に答える
3010 参照

angularjs - md-option の ng-click - md-select の ng-model の変更

複数のオプションを有効にして md-select を実行しました。デフォルトでは、md-select の ng-model には配列要素として 1 つの OBJECT 値があります。

md-option のクリック時/選択時 - md-select (親 md-select) の ng-model を更新したい

0 投票する
0 に答える
312 参照

angular - Angular2 Material Design Select Component - 選択したアイテムのスタイリング

Angular2 Material<md-select>のコンポーネントを使用して、リスト レイアウト (グリッドまたはブレット リスト) を切り替えています。レイアウトが選択されている場合、選択ボックスにはアイコンのみが表示されます。レイアウトを選択すると、メニューにアイコンとテキストの両方が表示されます。

これがどのように見えるかです

テキストなしのアイコンを選択

選択メニューは次のようになります。

ここに画像の説明を入力

これまでの私のコード:

では、どうすればこれをスタイルできますか?ドキュメントでこれに関するものは何も見つかりませんでした。

0 投票する
1 に答える
441 参照

angularjs - オプションを選択できるAngularマテリアルのmd-selectとtrackBy

この Angular Material のサンプル コード ( https://material.angularjs.org/latest/api/directive/mdSelect ) をニーズに合わせてカスタマイズしようとしています。

選択オプションの 3 つのグループがあります。オプションがグループで選択されている場合、他のグループのすべてのオプションを選択解除する必要があります (ただし、自分のグループの他のオプションはそのままにしておきます)。

私のコードでは、ロジックを正しく機能させることができました (下部の console.log 出力からわかるように) が、実際の選択オプションはユーザー入力と対話しません。

私の JSFiddle: https://jsfiddle.net/e2LLLxnb/8/

私のJSコード: