Угловой проход несколько функций через массив

Question

У меня есть компонент меню, которому я пропускаю метки. Существует ли какой-либо (угловой) способ привязки разных функций к каждой метке?

HTML:

<menu elements="['home','shop','buy']"></menu> 
<-- menu component --> 
<ul> 
<li ng-repeat="el in $ctrl.elements" ng-click="$ctrl.setActive($event)"> 
</li> 
</ul> 

JS:

app.component('menu', { 
bindings: { 
    elements: '=' 
} 

controller: function() { 
this.setActive = (evt) => { 
    console.log('clicking li'); 
} 
} 

}

Answer 1

Вы можете использовать ту же самую функцию и обрабатывать каждую этикетку по-разному:

<li ng-repeat="el in $ctrl.elements" ng-click="$ctrl.setActive(el)"> 

this.setActive = (label) => { 
    console.log('clicking ' + label); 
    if (label == 'home') { 
    //do something 
    } 

    if (label == 'shop') { 
    //do something else 
    } 
}