0

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

function funcRepeat($scope){
    $scope.RepeatDelegate = {
      configureItemScope: function(index, itemScope) {
        itemScope.a = "a";
        itemScope.b = "b";

        ※ここでid="xxx"の値を編集したい

        }
    };
};
<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>

1 件の回答 1

0

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

function funcRepeat($scope){
    $scope.RepeatDelegate = {
      configureItemScope: function(index, itemScope) {
        itemScope.a = "a";
        itemScope.b = "b";

        ※ここでid="xxx"の値を編集したい
        itemScope.id = "hoge"+index;

        }
    };
};
<ons-list-item ng-attr-id="{{id}}"  class="list-item"  ons-lazy-repeat="RepeatDelegate">

1
  • ng-attr-id="{{id}}"でも、id="{{id}}" でもOKでした。ありがとうございました。 Commented 2017年3月6日 4:13

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。