4

↓のようにitemsに値が入っているときに

items = [{key: 1, value: "a"},{key: 2, value: "b"}]

ng-clickの関数内に値を渡したいのですが可能でしょうか?

<div ng-repeat="item in items">
    <ul class="list">
        <li>{{item.value}}</li>
    </ul>
    <button ng-click='ClickFunction({{item.value}})'>追加する</button>
</div>

やりたいことはボタンを押されたのがどの値なのか判定したいです。
他にもっといいやり方があれば教えて頂けると嬉しいです。
よろしくお願いします。

1 件の回答 1

3

ng-clickの関数内に値を渡したいのですが可能でしょうか?

ClickFunction({{item.value}})

ClickFunction(item.value)

に変えれば変数が展開できます。

var app = angular.module('myApp', []);
app.controller('mainCtrl', ['$scope', function($scope) {
  $scope.items = [
    {key: 1, value: "value1"},
    {key: 2, value: "value2"}
  ];
  $scope.ClickFunction = function(val) {
    angular.element(document.querySelector('#value')).text(val);
  }
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='myApp' ng-controller='mainCtrl'>
  Selected Value: <span style="font-weight:bold" id="value"></span>
  <br>
  <div ng-repeat="item in items">
    <ul class="list">
      <li>{{item.value}}</li>
    </ul>
    <button ng-click='ClickFunction(item.value)'>追加する</button>
  </div>
</div>

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

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