使用angularjs绑定作为用户名的jQuery聊天

Question

I am using a hand jquery plugin created by Anant Garg and to start a chat you must call the chatWith function like this onclick="chatWith('test')" where test is the username you want to open a chat with.

I am using angularjs for the rest of my site and attempted to call the above function like so

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

but that does not work and the solution would be to use ng-click but than the chatWith function does not get called on click? Is there a angular way to do this? thanks for any input

Answer 1

You can call jquery plugin function in controller

First you must import jquery and plugin to your index.html before import your controller. Then in your controller, declare a function:

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

In your view

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