Как передать функцию в Select option?

Question

[Denioo]

Всем привет, такая проблема. Есть select список со значениями.

<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>

Как добавить в него чтоб первое значение было "Выбор ..." к примеру, и при нажатии на него он очищал бы весь список. Есть функция которая это делает, но она работает только на кнопке, как ее перенести в option Выбор... option

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

Который день мучаюсь с этим немогу ничего никак придумать.

Answer 1

[Alex]

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

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

Comments

[Denioo]

Немного не понял, но к чему клоните начинаю понимать. Мб посмотрите код по этим функциям(пожалуйста), и порекомендуете где что добавить, просто я новичок в ангуляре. Заранее огромное спасибо.

vm.roleSelectOptions = [];
        vm.selectedRole = null;
		vm.onRoleChange = onRoleChange;

function loadFilteringDictionaries() {            
            userRepository.getRoles()
                .then(function(data) {
                    vm.roleSelectOptions = data || vm.roleSelectOptions;
                    vm.selectedRole = vm.roleSelectOptions[0] || null;
                });
        }

function onRoleChange(option) {
	        vm.filter.useRoleFilter = (option !== vm.roleSelectOptions[0]);
			vm.filter.roleFilter = option.id;
			search(true);
        }

[Alex]

function loadFilteringDictionaries() {            
            userRepository.getRoles()
                .then(function(data) {
                    vm.roleSelectOptions = data || vm.roleSelectOptions;
// тут надо проверить что data есть чтобы не продублировать пункт очистить
                    vm.roleSelectOptions.push({name: 'очистить', id: -1});
                    vm.selectedRole = vm.roleSelectOptions[0] || null;
                });
        }

function onRoleChange(option) {

             vm.filter.useRoleFilter = option.id !== -1 ?  (option !== vm.roleSelectOptions[0] || null) : null;
             vm.filter.roleFilter =option.id !== -1 ?  option.id :  false;
             search(true); // непонятно что это
}

[Denioo]

Спасибо большое заработало!))

[Denioo]

Alex, А не подскажешь как сделать в выпадающем списке vm.roleSelectOptions.push({name: 'очистить', id: -1}); первым по счету? я пытался через unshift но он при загрузке первый а когда нажимаю на выпадающий список он становится 5 по счету, т.е. там по алфавиту идет.

[Alex]

ng-options="role.name for role in vm.roleSelectOptions | orderBy:'id' "

как то так

[Denioo]

Alex, Спасибо, прям выручаешь меня сегодня!))