2016-07-18 12 views
0

を編集する際に選択フィールドがコンテンツをロードしていない私はNGリピート内部AngularJsで選択フィールドを持っている:角度JS -

HTML:

<span ng-repeat="lang in vm.formState.languageList track by $index"> 
    <select ng-model="lang" ng-options="lang.name for lang in vm.langs"> 
     <option value="">- Please Choose -</option> 
    </select> 
</span> 

コントローラー:

this.langs = [ 
     {name: "English", id: "en"}, 
     {name: "German", id: "ge"}, 
     {name: "Spanish", id: "sp"}, 
     {name: "French", id: "fr"}, 
     ... 
]; 

formState.languageListは、各lan gオブジェクトは、作成フォームでユーザごとに選択されます。 formState.languageList = [{name: "English"、id: "en"}、{name: "Spanish"、id: "sp"}]

私の問題は次のとおりです。現在の情報で満たされたフォームフィールド(入力、チェックボックス、選択...)が必要です。選択フィールドを除いてすべて正常に動作します。

フォームを編集するときに、この選択フィールドを読み込む方法を教えてください。

ありがとうございます。

答えて

0

これは、あなたが有名なドットの問題に直面しているためです。あなたはそれが機能しない理由$親

ng-model="$parent.lang" 

を使用するように変更することにより、NG-モデルを、それを確認することができ NG-repeatがスコープディレクティブを隔離であるためです。

それを解決する良い方法は、私は本当にcontrollerAs構文を使用していcontrollerAs構文

+0

を使用しています。 $親は私の問題を解決しませんでした。 @entre – Abel

+0

しかし、controller-asを使用している場合は、なぜng-modelにドットが入っていないのがいいですか? 'controllAs.lang'、あなたはプランカを持っていますか? – harishr