Как повторить обработчик клика в ngRepeat (AngularJS)?

Question

У меня есть следующая проблема. Я хочу повторить ссылки в меню. Но программа не создает соответствующий обработчик кликов.

Вид:

//view is created by Angular Material 
<md-menu-item ng-repeat="mItem in ::menuItems"> 
    <md-button ng-click="mItem[action]"> 
     <md-icon>{{ ::mItem.icon }}</md-icon> 
     {{ ::mItem.name }} 
    </md-button> 
</md-menu-item> 

Ctrl:

$scope.menuItems = [ 
     { icon: 'mode_edit', name: 'Edit', action: 'clickEdit()' }, 
     { icon: 'delete', name: 'Delete', action: 'clickDelete()' } 
    ]; 

$scope.clickEdit = clickEdit; 
$scope.clickDelete = clickDelete; 

    function clickEdit() { 
     $log.info('edit clicked'); 
    } 

    function clickDelete() { 
     //code... 
    } 

Что мне нужно сделать, чтобы получить обработчики в ngClick?

Answer 1

Я думаю, что лучше сохранить эту логику в службе, как это:

//view is created by Angular Material 
<md-menu-item ng-repeat="mItem in ::menuItems"> 
    <md-button ng-click="action(mItem.action)"> 
     <md-icon>{{ ::mItem.icon }}</md-icon> 
     {{ ::mItem.name }} 
    </md-button> 
</md-menu-item> 

$scope.menuItems = [ 
    { icon: 'mode_edit', name: 'Edit', action: 'edit' }, 
    { icon: 'delete', name: 'Delete', action: 'delete' } 
]; 

$scope.action = function(actionName){ 
    // call service 
} 

Answer 2

Try:

//view is created by Angular Material 
<md-menu-item ng-repeat="mItem in ::menuItems"> 
    <md-button ng-click="mItem['action']"> <!--there is other variant below--> 
     <md-icon>{{ ::mItem.icon }}</md-icon> 
     {{ ::mItem.name }} 
    </md-button> 
</md-menu-item> 

здесь другой вариант:

<md-button ng-click="mItem.action"> <!--there is other variant below-->