我有一个
数组invitationList = ["A","B","C","D"]
从这个数组中,我需要使用接受按钮形成一个名称为 A / B / C / D 的列表。单击此接受按钮时,应调用accept函数。
我试过了,
var list_Invitation='';
list_Invitation="<ul class='offline-invitation'>";
var i = 1;
for(var index in invitationList)
{
i++;
list_Invitation=list_Invitation+'<li class="class_InvitationList"><h5>'+invitationList[index]+'</h5><input type="button" class="accept-btn" value="Accept" ng-click="acceptInvitation(\''+invitationList[index]+'\', \'accept-btn'+i+'\');"/></li>';
}
list_Invitation=list_Invitation+"</ul>";
$scope.acceptInvitation=function(name,id)
{
console.log('Invoked');
}
将显示列表,但单击按钮时无法调用该函数。
有人可以帮我解决这个问题吗?
答案 0 :(得分:1)
角度方式是
<ul class='offline-invitation'>
<li class="class_InvitationList" ng-repeat="item in invitationList">
<h5>{{item}}</h5>
<input type="button" class="accept-btn" value="Accept" ng-click="acceptInvitation(item, $index)" />
</li>
</ul>
然后在您的控制器中
$scope.invitationList = ["A", "B", "C", "D"];
$scope.acceptInvitation = function (name, id) {
console.log('Invoked', name, id);
}
演示:Fiddle