如何减少angularjs中的条件？

Question

我有 8 个这样的图标

每个图标都有不同的功能。也可以点击多个图标，调用不同的功能。

这只是一个例子，但我必须做其他事情。我需要知道如何为此功能提供适当的 if 条件

现在我正在做以下方式

html 代码前 2 个图标

<input value="1" type="checkbox" name="function[]" id="checkbox_vs1" ng-model="selection[1]"  ng-change="onFChange()"/>

在控制器中

$scope.onFChange = function()
{
     if(this.selection[1] == true && this.selection[2] == false && this.selection[3] == false && this.selection[4] == false && this.selection[5] == false && this.selection[6] == false && this.selection[7] == false && this.selection[6] == false)
             {
                 //call function
             }
}

像这样我必须检查所有组合是否有任何简单的方法可以实现这一点

这里是笨蛋 https://plnkr.co/edit/HNqc2GaQFgoMwhO5S9Ot链接

所以这将有 40320 if 条件。我需要减少这个

谢谢

Answer 1

您可以为此创建通用函数，例如为此

     if(this.selection[1] && !this.selection[2] && !this.selection[3] &&  !this.selection[4] && !this.selection[5] && !this.selection[6] &&   !this.selection[7] && !this.selection[6])
     {
     //call function
     }
     //Code for above function 


     function checkCondition(index,this.selection)
     {
        if(!this.selection[index])
         {
            return false;
         }
      for(var i=1;i<this.selection.length;i++)
       {
         if(this.selection[i]&&i!=index)
          {
                return false;

           }

       }
            return true;

     }

请注意，这是一个粗略的想法，可以帮助您制定方法

Answer 2

创建一个循环选择的函数，以检查任何其他值是否为真。示例：

HTML：

<input value="1" type="checkbox" name="function[]" id="checkbox_vs1" ng-model="selection[1]"  ng-change="onFChange(1)"/>

控制器：

$scope.onFChange = function(checkedBoxNumber)
{
     if(checkSelection(checkedBoxNumber))
     {
         // Do stuff
     }
}

function checkSelection(checkedBoxNumber) {
    for (var i = 0; i < selection.length; i++) {
        // Check values
        // Return false if other values are true
    }
    return true;
}

Answer 3

这是你的意思吗？

$scope.onFChange = function()
{
     if(this.selection[1] && !this.selection[2] && !this.selection[3] && !this.selection[4] && !this.selection[5] && !this.selection[6] && !this.selection[7] && !this.selection[6])
     {
         //call function
     }
}

这是使用truthy的。

编辑

$scope.onFChange = function()
{
     var s1 = selection[1];
     var s2 = selection[2];
     var s3 = selection[3];
     var s4 = selection[4];
     var s5 = selection[5];
     var s6 = selection[6];
     var s7 = selection[7];
     var s8 = selection[8];

     // Condition 1
     if(s1 && !s2 && !s3 && !s4 && !s5 && !s6 && !s7 && !s8)
     {
         //call function
     }
}

这样会更容易写出你的条件。