Selectize.ClearOptions() doesn't work when loading data dynamically.

[karan-kang]

Since angular-selectize doesn't listen for selectize clear event, the options in directive memory become stale if selectize.clearOptions() is called.

Due to this, new data keeps getting appended to the existing options.

[karan-kang]

Pull request #95 should fix this issue

[dlaviati]

Same issue here and the suggested fix works perfectly for me.

[machineboy2045]

Hmm.. my thought so far is that users should be using angular to manipulate their options. They shouldn't be calling selectize.clearOptions(). They should use $scope.options = []. So the directive shouldn't need to listen for that event.

[karan-kang]

If the user is loading data from remote source, they don't have direct access to $scope.options. Also, the original library has the functionality of clearing options, I think angular-selectize should too.

[machineboy2045]

Again, if the data is a remote source, it should be loaded in an Angular controller, and assigned to the Angular model.

[karan-kang]

The data loading is not the problem here, the problem is once the loaded data is cleared, the value of $scope.options variable in this directive doesn't match the source data inside the selectize library.

[machineboy2045]

Since this is an Angular directive, the expectation is that the user will rely on Angular for loading options.
$http.get(remoteURL, function(data){ $scope.options = data; })