javascript - angularjs を使用した動的関数呼び出し

Question

私はの配列を持っています

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

リストは表示されますが、ボタンをクリックしている間は関数を呼び出すことはできません。

誰でもこれを解決するのを手伝ってもらえますか?