clear angucomplete-alt after button click

[smiderle]

Hi. How do to clear the content of the input angucomplete-alt (scope.searchStr),by controller, for example, when the user click a button?

[ghost]

Doesn't look like you can.

It would be nice if you could pass a function from your controller into the clear-selected or some other attribute and have angucomplete add a listener to that function to clear the string when the function is called.

[ghost]

I created a Pull Request for this:
#61

You can use the branch on my fork in the meantime if you like in your bower.json:
"angucomplete-alt": "https://github.com/Leocrest/angucomplete-alt.git#feat/clear"

Branch can be found here:
https://github.com/Leocrest/angucomplete-alt/tree/feat/clear

Basically in your controller if you have a button calling a function called addSelected you can do something like:

$scope.addSelected = function (role) {
          //Complete app specific logic
          ...
          //Then
          $rootScope.$broadcast('angucomplete-alt:clearSearch');
      };

[ghost]

Quick note: This approach will clear the inputs on ALL angucomplete fields. So if you have more than one on a view this may not be exactly what you want. In my case there is only one angucomplete on the view so it doesn't matter.

[smiderle]

Thanks for the answer. But I have more than one on a view. I'll try something similar.

[smiderle]

I made as small adjustment, and it worked fine with multiple directive in a view.

$rootScope.$broadcast('angucomplete-alt:clearSearch', { target: 'idAutocomplete' });

and in angucomplete-alt

scope.$on('angucomplete-alt:clearSearch', function (event, args) {
    if(scope.id == args.target){
      scope.searchStr = null;
      clearResults();
     }        
 });

Thanks.

[ghiden]

I think people want both clear all and individual options.
I'll add this feature based on @Leocrest #61

[jlhffmn]

Note that the syntax has changed. See the description at the bottom of the angucomplete-alt home page:
$scope.$broadcast('angucomplete-alt:clearInput', 'autocomplete-1');