javascript - onclick ="AuthorityCheck({{meeting.people}})"，预期标识符、字符串或数字

Question

我在向 JS 函数发送 {{meeting.people}} 值时遇到问题。代码如下

错误消息显示:需要标识符、字符串或数字。 {{meeting.people}} 是纯文本。

链接:

<li class=" seriesblock ms-ContentAccent1-bgColor" ng-repeat="meeting in meetings | SeriesTitleFilter:filterString" >
    <a id="meetingItem_{{meeting.id}}" onclick="AuthorityCheck({{meeting.people}})" href="Meeting.aspx?seriesId={{meeting.id}}"></a>
</li>

JS函数:

function AuthorityCheck(people){
                var ppl = people;
            }

请注意，meetingItem_{{meeting.id}} 工作正常。

有什么想法吗，我该如何解决这个问题？

Answer 1

Angular 不喜欢将 html 事件处理程序与模板混合在一起。您将需要使用 ng-click 来调用 $scope 方法别名 AuthorityCheck。类似于 this answer :

function AuthorityCheck(p) {
    alert(p);
    event.returnValue = false;
}

var meetingApp = angular.module('meetingApp', []);

meetingApp.controller('meetingCtrl', function ($scope) {
    $scope.meetings = [
        { 'id': 1, people: 'fred' },
        { 'id': 2, people: 'bob' }
    ];

    // set the alias as a scope method
    $scope.meetingClick = AuthorityCheck;
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script>

<div ng-app="meetingApp">
    <div ng-controller="meetingCtrl">
        <ul>
            <li class="seriesblock ms-ContentAccent1-bgColor" ng-repeat="meeting in meetings">
                <a id="meetingItem_{{meeting.id}}" ng-click="meetingClick(meeting.people)" href="Meeting.aspx?seriesId={{meeting.id}}">{{meeting.people}}</a>
            </li>
        </ul>
    </div>
</div>