javascript - Jquery Chat 使用 angularjs 绑定(bind)作为用户名

Question

我正在使用Anant Garg创建的手动jquery插件要开始聊天，您必须调用 chatWith 函数，如下所示 onclick="chatWith('test')" 其中 test 是您要与其打开聊天的用户名。

我在网站的其余部分使用 angularjs 并尝试像这样调用上面的函数

<a class="aclass" id="userChange" href="javascript:void(0)" onclick="chatWith('{{Users.User}}')">{{Users.User}}</a>

但这不起作用，解决方案是使用 ng-click 但点击时不会调用 chatWith 函数？有没有一种 Angular 方法来做到这一点？感谢您的任何意见

Answer 1

可以在 Controller 中调用jquery插件函数

首先，在导入 Controller 之前，您必须将 jquery 和插件导入到您的 index.html 中。然后在 Controller 中声明一个函数:

$scope.chat = function(username){
    //call jquery plugin function
    chatWith(username);
}

在你看来

<a class="aclass" id="userChange" href="javascript:void(0)" ng-click="chat(Users.User)">{{Users.User}}</a>