デフォルトでselectedとangularJSを使用してオプションを選択します。

オプションがデフォルトで選択されていない理由はわかりませんが、値はハードコードされています。私もselected="selected"を試しましたが、まだ動作していません。ビューのデフォルトでselectedとangularJSを使用してオプションを選択します。

：あなたは複数の属性を持っていなかった場合

<div class="controls"> 
      <select chosen="" data-ng-model="assignments" multiple="" 
        class="span chzn-select" style="width: 150px"> 
       <option value="Police">Police</option> 
       <option selected value="Reporter">Reporter</option> 
       <option value="Developer">Developer</option> 
      </select> 
     </div>

出典

2016-08-05 XDProgrammer

あなたは 'NG-選択= "true" を'としてみてくださいましたか？ – plong0

これが働くだろう。マルチプルセレクトでこの機能を利用するには、ng-optionsを使用してセットアップし、次に選択する必要のある配列を格納する必要があります。このフィドルを参照してください：https://jsfiddle.net/btqLg76v/1/

JS：

var app = angular.module('MyApp', []); 

app.controller('MyController', function($scope) { 
    $scope.selectOptions = ['Police','Reporter','Developer']; 
    $scope.assignments = [$scope.selectOptions[0],$scope.selectOptions[2]]; 
    console.log($scope.assignments); 
});

はHTML：

<body ng-app="MyApp"> 
    <div ng-controller="MyController"> 
    <select ng-model="assignments" ng-options="selectOptions for selectOptions in selectOptions" multiple> 
    </select> 
    </div> 
</body>

出典

2016-08-05 23:45:33 Ronnie

* "ng-optionsを使って設定する必要があります" *。さて、私は先に進んで、言う必要があります：もちろん、それは常にngOptionsディレクティブを使用することは良いことですが、彼は彼が望む場合でも彼はそのやり方をすることができます。 – developer033

こんにちは、コードのおかげで、私は本当に近いと思う、私の最初の実装でそれを使用することができました。しかし、 'http.get'を使ってapiからリクエストするような非同期操作が含まれている場合、どうすれば'選択したオプション$ scope.assignments = //リクエストが返すものであれ 'を設定します。 – XDProgrammer

デフォルトでselectedとangularJSを使用してオプションを選択します。

答えて

関連する問題