33118


下記の※の箇所でidの値を編集したいのですが、記述方法がわかりません。  
よろしくお願いします。

[code]

    function funcRepeat($scope){
        $scope.RepeatDelegate = {
          configureItemScope: function(index, itemScope) {
            itemScope.a = "a";
            itemScope.b = "b";
    
            ※ここでid="xxx"の値を編集したい
    
            }
        };
    };
[/code]

[code]

    <script>
         ons.bootstrap()
         .controller('RepeatController', funcRepeat);
     </script>
    
     <ons-list id="questionlist" ng-controller="RepeatController">
         <ons-list-item id="xxx"  class="list-item"  ons-lazy-repeat="RepeatDelegate">
            {{ a }}
            {{ b }}
         </ons-list-item>
        </ons-list>
[/code]


CC BY-SA 3.0
2017-03-06T02:20:31.940
33117
2017-03-06T02:27:54.237
17222
question
monaca onsen-ui
ons-lazy-repeat で itemのidを編集したい


ngAttrを使用する方法があります。  
<https://docs.angularjs.org/guide/interpolation#-ngattr-for-binding-to-
arbitrary-attributes>

[code]

    function funcRepeat($scope){
        $scope.RepeatDelegate = {
          configureItemScope: function(index, itemScope) {
            itemScope.a = "a";
            itemScope.b = "b";
    
            ※ここでid="xxx"の値を編集したい
            itemScope.id = "hoge"+index;
    
            }
        };
    };
[/code]

[code]

    <ons-list-item ng-attr-id="{{id}}"  class="list-item"  ons-lazy-repeat="RepeatDelegate">
[/code]


CC BY-SA 3.0
2017-03-06T02:27:54.237
33118
2017-03-06T02:27:54.237
20272
33117
answer