[英]AngularJS ng-click() is not working in dynamic call by .append(' ') function in controller
[英]Dynamic function call with angularjs
我有一系列
invitationList = ["A","B","C","D"]
从这个数组中,我需要使用accept按钮形成一个名称为A / B / C / D的列表。 单击此接受按钮时,应调用接受功能。
我试过了,
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');
}
将显示列表,但是单击该按钮时不能调用该功能。
谁能帮我解决这个问题?
角度方式是
<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);
}
演示: 小提琴
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.