How to pass a function to Select option?

Question

JavaScript

Hello everyone, such a problem. There is a select list with values.

<select class="form-control" id="roleFilter" name="role.id" 
                  ng-options="role.name for role in vm.roleSelectOptions"
                  ng-model="vm.selectedRole"
                  ng-change="vm.onRoleChange(vm.selectedRole)"></select>

How to add to it so that the first value is "Choice ..." for example, and when you click on it, it would clear the entire list. There is a function that does this, but it only works on the button, how can I move it to option Select ... option

function defaultRole() {
      vm.filter.roleFilter = null;
      vm.filter.useRoleFilter = false;
      search(true);
    }

Which day I suffer with this I can not think of anything.

Answer 1

vm.roleSelectOptions.push({name: 'очистить', id: -1})

vm.onRoleChange(role){
...
if(role.id === -1) {
  defaultRole();
}
...
}