Sends multiple clicks on one click about angular-multi-select HOT 3 CLOSED

Hi Bram,

I understand your problem. Some people also asked me more or less the same thing. They need this "on-change" or "on-item-click" or sort - basically a callback when you select or deselect an item.

I am going to include this feature on the next release. For now you can use $watch. Don't forget to set the third parameter to "true":

$scope.$watch( $yourModel, yourListenerFunction(), true );

The reason I am going to add that "on-change" or "on-item-click" callback is because $watch with the third parameter set to "true" affects performance, especially on models with complex structure.

At the moment I am working on the next version of this directive, which will add:

• the on-item-click callback. This callback will pass the item that you click as a parameter.
• Unlimited nested grouping.
• Better keyboard control (using up & down arrow)
• Some clean ups & optimizations (Still, don't expect it to win any code performance competition).
• May remove some non-popular features such as on-focus or on-blur

Do star this repository so that you can get update on the new version.

Lastly, I saw your profile and I understand that you are new on Github, so welcome!

Regards,
Steven

from angular-multi-select.

Hi @Werewolfkiss,

I think you can use the on-open callback for this purpose.

Remove the ng-click attribute and add on-open="getDataByUser(selectedUserList)" attribute.

from angular-multi-select.

Hello Steven,

I do want the function to be called on each selection change, so not only
when the entire menu is opened.
So on-open doesnt work for me. I also tried on-blur, but that is totally
unpredictable.

I do notice that with ng-click, the function gets called once with the old
selectedUserList and once with the updated selectedUserList.

So when nothing is selected and I select user1:

• getDataByUser([])
• getDataByUser([user1])

And if I then select user2

• getDataByUser([user1])
• getDataByUser([user1, user2])

And then deselect user1

• getDataByUser([user1,user2])
• getDataByUser([user2])

I guess I might be able to work around it with a
$scope.$watch($selectedUserList, getDataByUser($selectedUserList)), but i'd
rather have it work properly from inside the multi-select.

Kind regards,

Bram Verspeek

On Mon, Jun 23, 2014 at 5:04 PM, Steven [email protected] wrote:

Hi @Werewolfkiss https://github.com/Werewolfkiss,

I think you can use the on-open callback for this purpose.

Remove the ng-click attribute and add
on-open="getDataByUser(selectedUserList)" attribute.

—
Reply to this email directly or view it on GitHub
#27 (comment)
.

from angular-multi-select.