javascript - 附加 JQuery 元素和 Angular

Question

使用 angularJS，我将 jQuery DOM 元素附加到 ng-repeat 结构中，并且我希望该元素能够使用我的 Angular Controller (removeMember) 中的方法。显然目前这是行不通的。这是我的代码

$( "#table tbody" ).append( "<tr class="+id_of_member+"><td>"+user_email+"</td><td><a href=\"#/\"  ng-click=\"teamCtrl.removeMember("+id_of_member+")\">Remove The Member</a></td></tr>");

显然一切都渲染正常，但是当我单击 href 标签时，什么也没有发生(ng-click 不会被调用)。我猜 AngularJS 不适用于新添加的元素。我怎样才能使链接工作(从 angularjs teamCtrl Controller 调用removeMember方法)。

Answer 1

您不需要使用 jquery 附加该元素，您可以将其立即添加到 ng-repeat 元素之后。

        <table>
            <tr ng-repeat="member in memberList">
                <td>
                    member item
                </td>
            </tr>
            <tr>
                <td ng-click="removeMember()">
                    email item
                </td>
            </tr>
        </table>

此外，请确保您在 Controller 的 $scope 变量中定义了 removeMember。