Сделать ng-click вызывать определенный метод в зависимости от переменной

Question

У меня есть ng-click, что мне нужно вызвать один из 4 методов в зависимости от переменной. Я показываю определенный контент на странице в зависимости от того, что я называю {{vm.class}}, что может быть, например, словом Group. В зависимости от того, является ли это Group или нет, я хочу назвать метод createGroup(). Поэтому, если {{vm.class}} равно Project Я бы хотел, чтобы ng-click позвонил createProject(). Я не уверен, что это лучший способ добиться этого. Это, по сути, что я хочу, чтобы это произошло, хотя я знаю, что это не работает:

data-ng-click=vm.create{{vm.class}}(), который бы назвал createGroup() или createProject()

EDIT:

Так что-то вроде:

data-ng-click="create(vm.class)"

и затем:

function create(class){ 
    switch(class){ 
    case Group 
     createGroup(); 
    } 
    etc.... 
} 

Answer 1

Я бы предложил сохранить логику в контроллере. То есть ngClick должен вызвать общую функцию в контроллере, которая будет определять, какую функцию вызывать на основе других параметров.

HTML:

<any ng-click="vm.create()"></any> 

Контроллер:

vm.create = function() { 
    switch(vm.class) { 
    //logic 
    } 
} 

Answer 2

Так что-то вроде:

data-ng-click="create(vm.class)"

Вы можете использовать сразу, как это если добавить create метод $scope

или с немного модификации:

data-ng-click="vm.create(vm.class)" 

и

vm.create = function create(class){ 
    switch(class){ 
     case Group 
      createGroup(); 
     } 
    etc.... 
} 

или даже без общего создать функцию как этот

data-ng-click="vm['create'+vm.class]()"