1. ホーム
  2. angularjs

[解決済み] 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"] 
  };
}

働くPlunkr。 http://plnkr.co/edit/wTRXZYEPrZJRizEltQ2g