2

私はいくつかのトピックを読んでいますが、私が立ち往生しているこのトピックの解決策を見つけることができませんでした.

次のようなng-repeat内に ng -modelを追加しようとしています:

<span ng-repeat="list in lists">
         <input type="checkbox" ng-model="formData.checkboxes.{{ list.value }}"> {{ list.number }} {{ list.description }} <br/>
</span>

リストの値は次のようになります。

$scope.lists = [

    {

        value:'value1',
        number: '1',
        description:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',    
    },

    {
        value:'value2',
        number: '2',
        description:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ', 
        },

        {
        value:'value3',
        number: '3',
        description:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',            },
    ];

ng-repeat ループ内で、次のような ng-model を構築する必要がありformData.checkboxes.value1 formData.checkboxes.value2, formData.checkboxes.value3ます。

これは可能ですか？上記の方法を試しても何も表示されません。ここで何が間違っていますか？

4

2 に答える 2

5

formData.checkboxes最初に、次のようにコントローラー内でモデルを定義する必要があります。

$scope.formData = {
    checkboxes: {}
};

...そして、次のように入力できます：

<span ng-repeat="list in lists">
    <input type="checkbox" ng-model="formData.checkboxes[list.value]"/> 
             {{ list.value }} {{ list.number }} {{ list.description }} <br/>
</span>

実際の例については、このJSFiddleをご覧ください。

于 2014-03-13T18:23:56.140 に答える
1

この解決策を試してください

<span ng-repeat="list in lists">
         <input type="checkbox" ng-model="formData.checkboxes[list.value]"> {{ list.number }} {{ list.description }} <br/>
</span>
于 2014-03-13T18:20:34.027 に答える