At the moment, I’m using angularjs with phoenix and I want to know how can I unbind custom channel events.

In Angularjs, one way would be like this.

var unbindHandler = $scope.$on("channel_event", channelFunction); // returns a deregistration function

.... later down the line
unbindHandler() // event is unbinded
unbindHandler = null

When I try to do the same thing with with the channel object.

    var unbindHandler = channel.on("new_message", message => {
       ... code
   })

and call it

    unbindHandler()

I get an error saying that unbindHandler is not a function because it is undefined. Because of this I have to assume that channel.on doesn’t return a deregistration function for me to use so I can unbind when I’m done. What can I do?

I’ve tried to leave the channel(channel.leave()) hoping that it would automatically unbind but it still doesn’t.