0

各要素に異なるタグがある場合、ng-repeat ループ内で ng-tags-input を使用するにはどうすればよいですか? ng-model を動的に設定するにはどうすればよいですか?

    <div ng-controller="myController">
        <ul>
            <li ng-repeat="file in files">
                {{file}} <tags-input ng-model="tags"></tags-input>
            </li>
        </ul>
    </div>

    app.controller('myController', function ($scope) {
        $scope.tags =  ['tagA','tagB'];

        // $scope.tags['file1'] =  ['tagA','tagB'];
        // $scope.tags['file2'] =  ['tagC','tagD'];
    });

前もって感謝します！

4

2 に答える 2

0

Claiesが提案したのと同じ解決策がありますが、自分で試しました。実際の例を確認してください: http://plnkr.co/edit/bNQ6DrUlNWdEAi8fnvBr?p=preview

HTML

<ul>
  <li ng-repeat="file in files">
      {{file.name}}
      <tags-input ng-model="file.tags"></tags-input>
    </li>
</ul>

コントローラ

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

app.controller('MainCtrl', function($scope, $http) {
  $scope.files = [
    {
      name : 'file1','tags': [{text: 'tagA'},{text: 'tagB'}]  
    },
    {
      name : 'file2','tags': [{text: 'tagC'},{text: 'tagD'}]  
    }  
  ];
});
于 2015-06-18T07:02:03.177 に答える
0

が辞書のキーに対応する文字列であると仮定すると、 を使用しng-modelて、 などのより複雑な式を形成できます。tags[file]file

<div ng-controller="myController">
     <ul>
         <li ng-repeat="file in files">
             {{file}} <tags-input ng-model="tags[file]"></tags-input>
         </li>
     </ul>
</div>

$scope.tags = {
  'first': [{text: 'Tag1'}, {text: 'Tag2'}],
  'second': [{text: 'Tag3'}, {text: 'Tag4'}]
};
$scope.files = ['first', 'second'];

プランカーの例を見る

于 2015-06-18T06:50:57.140 に答える