[解決済み] select 要素のデフォルト値を設定するための ng-option の使用方法
2022-01-31 08:44:10
質問
Angularのselectディレクティブのドキュメントをこちらで拝見しました。 http://docs.angularjs.org/api/ng.directive:select . デフォルト値を設定する方法がわかりません。これでは混乱します。
配列内の値のラベルとして選択する
これがそのオブジェクトです。
{
"type": "select",
"name": "Service",
"value": "Service 3",
"values": [ "Service 1", "Service 2", "Service 3", "Service 4"]
}
html(作業中)です。
<select><option ng-repeat="value in prop.values">{{value}}</option></select>
を設定するために、select要素の中にng-option属性を追加しようとしています。
prop.value
をデフォルトのオプションとして指定します(うまくいきません)。
ng-options="(prop.value) for v in prop.values"
何が間違っているのでしょうか?
どうすればいいですか?
そこで、そのオブジェクトがあなたのスコープにあると仮定します。
<div ng-controller="MyCtrl">
<select ng-model="prop.value" ng-options="v for v in prop.values">
</select>
</div>
function MyCtrl($scope) {
$scope.prop = {
"type": "select",
"name": "Service",
"value": "Service 3",
"values": [ "Service 1", "Service 2", "Service 3", "Service 4"]
};
}
関連
-
[解決済み】Angular ui-routerで$stateメソッドを$stateChangeStart toStateとfromStateで使用する。
-
[解決済み] AngularJS : ローカルストレージを使用する
-
AngularJSのベストプラクティス。ng-repeatの$indexに注意する。
-
[解決済み] AngularJSで$scope.$watchと$scope.$applyを使用するにはどうすればよいですか?
-
[解決済み] なぜAngularJSはselectに空のオプションを含めるのですか?
-
[解決済み] AngularJSのng-optionsでvalueプロパティを設定するには?
-
[解決済み】AngularJSのディレクティブスコープにおける「@」と「=」の違いは何ですか?
-
[解決済み】AngularJS 。ファクトリーの代わりにサービスを使用する場合
-
[解決済み] Angularでtransclude 'true'とtransclude 'element'を使用するタイミングは?
-
[解決済み] AngularJS ディレクティブとデフォルトのオプション
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Angularjs accordion ng-click on panel-header
-
[解決済み] ページロード時にAngularJSのコントローラ関数を実行する方法は?
-
[解決済み] 適用がすでに進行中のエラー
-
[解決済み] Angular UI-Routerのマルチビュー
-
[解決済み] Angular ng-repeatの条件付きラップアイテム(ng-repeatのグループアイテム)。
-
[解決済み] AngularJS の ng-disabled ディレクティブに式を指定しても動作しない
-
[解決済み] 誰かangularjsの$qサービスの使用について説明してください。[重複しています]。
-
[解決済み] ng-pattern` - 数字だけをチェックする方法は?
-
[解決済み] AngularJS コントローラにおける 'this' と $scope の比較
-
[解決済み] 条件に応じて特定のルートにリダイレクトする機能