angularjs ng-click函数参数不能与ng-repeat一起使用

Question

event.id在html文本中正确呈现/编译，但函数无法正确接收。即使它在源中正确显示它，这里有什么？

<span ng-repeat="event in [{"id":"dxczhlyvmblc","name":"4 on 4 - Pickup","venuename":"Box Hill Aqualink","numspotsleft":"<strong>Spots now open<\/strong>","day":"28","dayname":"Wednesday"}]">
    <button ng-click="toggleModal('<% event.id %>')">More detail = <% event.id %></button>
</span>

shopApp.controller('MainController', function($scope, $http, $q){
    $scope.toggleModal = function(eventId){
        console.log(eventId+" toggle");
    };})

注意我使用＆lt;％而不是{{因为模板引擎。

Answer 1

视图中函数的参数不使用角度模板表达式。

更改为：

ng-click="toggleModal(event.id)"

如果你想将该对象传递给模态控制器，你也可以发现传递整个对象更方便

Answer 2

因为你想将event.id的值传递给toggleModal函数：

<button ng-click="toggleModal(event.id)">More detail = <% event.id %></button>