使用angularjs调用动态函数

时间:2014-03-04 04:43:53

标签: javascript jquery angularjs dynamic angularjs-ng-click

我有一个

数组
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');
  }

将显示列表,但单击按钮时无法调用该函数。

有人可以帮我解决这个问题吗?

1 个答案:

答案 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