Question

我非常确定我100％做错了，但我有三个按钮可以切换不同的功能。我试图确定在控制器中编写函数的最佳方法。

按钮：

<button ng-class="{selected:vm.selectedOption==='1'}" ng-click="vm.selectOption('1')">1</button>
<button ng-class="{selected:vm.selectedOption==='2'}" ng-click="vm.selectOption('2')">2</button>
<button ng-class="{selected:vm.selectedOption==='3'}" ng-click="vm.selectOption('3')">3</button>

我的方法：

vm.selectOption = function(1) {
   // function
};
vm.selectOption = function(2) {
   // function
};
vm.selectOption = function(3) {
   // function
};

或

vm.selectOption = function(option) {
 if (vm.selectedOption==='1') {
   // function
 };
 if (vm.selectedOption==='2') {
   // function
 };
 if (vm.selectedOption==='3') {
   // function
 };
};

或者我想有一种更正确的方法可以做到这一点，我没有看到。

Answer 1

您正在传递选项以选择该功能：

vm.selectOption = function(option) {
    vm.selectedOption = option;
}

如果您希望根据刚设置的选项执行某些操作：

vm.selectOption = function(option) {
    vm.selectedOption = option;
    switch(option) {
        case '1':
            // do something
            break;
        case '2':
            // do something else
            break;
        case '3':
            // do something completely different
            break;
    }
}

编写多个按钮的功能

1 个答案: