javascript - 如何在 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
}