2016-08-16 18 views
0

ng-optionsを使用して選択オプションを作成しています。 CA.JSONファイルには、すべてのコントロールの値/オプションがあります。デフォルトを設定するにはどうすればいいですか?

ここでは、VehicleYearオプションのために、デフォルトで追加したいオプションを選択します。

<select> 
<option value="">Please select</option> 
<option value="2017">2017<option> 
... 
<select> 

私は以下のようにしようと試みたが、そのセレクト

オプションがであなたのオプションの配列です
<select ng-init="selectModal= Please Select" 
     ng-model="selectModal" 
     ng-options="option.name for option in options"> 
</select> 

//ためのコードの下に使用しようと

<select ng-change="updateMakeList" custom-required="true" ng-options="ans._value as ans._promptText for ans in questions[$state.current.name].VehicleYear.QuestionData._answerOptions" ng-model="answers.VehicleYear" ng-required="queObj._required" class="form-control {{queObj._pageAttributes.cssclass}}" name="{{questions[$state.current.name].VehicleYear.QuestionData._attributeName}}" id="{{questions[$state.current.name].VehicleYear.QuestionData._attributeName}}" data-que-obj="questions[$state.current.name].VehicleYear.QuestionData" select-control-dir setMake custom-required> 
           <option value="">Please select</option> 
          </select> 

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

+0

を発生するオプションに値を代入しようとするとあなたも

<option style="display:none" value="">Please select</option> 

以下のようにオプションを追加することで試すことができますoption value = "" selected>を選択してください。 –

+0

選択してくださいオプションがリストに表示されていません。 ng-optionsを追加する方法。 –

+0

'answers.VehicleYear'の変更方法は?あなたのコードは非常にデバッグが難しいです。 app.jsに '$ rootScope.answers = {PC:12345、VehicleYear:null};を追加すると2017 ... – gyc

答えて

0

を動作していませんあなたの場合私はその質問[$ state.current.name]と思う.VehicleYear.QuestionData._answe rOptions

あなたはオプションの配列ではないか、設定されたこの問題は、< `

Updated code without style

+0

questions [$ state.current.name] .VYYYYY.QuestionData._answerOptionsには年のリストしかありません。 UIで私は追加したい最初のオプションとして選択する必要がありますngモデルがそのノードの値を持っていない場合は選択する必要があります.. –

+0

"selectModal = Please Select"または "? –

+0

はい、私は動作しないようにしました。 –

関連する問題