AngularJs多个ng-click

28 浏览
0 Comments

AngularJs多个ng-click

我尝试着做了以下的事情:\n


\n这样能行吗?或者不能将这两个调用连在一起吗?\n

ng-click="doThis(param); doThat(param);"

\n我只是需要指导正确的方向 :-)\n编辑:\n这个:\n

ng-click="doThis(param); doThat(param);"

\n按预期工作,我认为问题是:\n

isopen=!isopen

\n我意识到我一开始没有说这个。\n我通过在折叠标题中添加额外的div来解决这个问题,像这样:\n


        
        {{item.model}}{{item.model_engine}}
 

0
0 Comments

问题出现的原因是在AngularJS中使用了多个ng-click指令,导致逻辑混乱。解决方法是将逻辑放在控制器中,并从视图中调用它。

在上述链接中,展示了一个可以正常工作的示例。但是需要注意的是,不要在视图中处理过多的逻辑。应该将逻辑放在控制器中,并只从视图中调用它。例如,isopen = !open这样的逻辑不应该出现在视图中。

以下是示例代码:




    


Open

Closed

在这个示例中,我们创建了一个名为myApp的AngularJS应用,并在myCtrl控制器中定义了一个$scope.isOpen变量和一个$scope.toggle函数。当点击按钮时,将调用toggle函数,该函数会改变isOpen的值,从而触发视图中的ng-if指令来显示相应的内容。

通过将逻辑放在控制器中,并从视图中调用它,可以使代码更加清晰和可维护。这是AngularJS中处理多个ng-click指令的最佳实践。

0
0 Comments

AngularJs中的ng-click指令是用于在用户点击某个元素时执行特定的函数。然而,有时候我们可能需要在一个点击事件中调用多个函数。在Stack Overflow上有一些关于如何在ng-click中调用多个函数的讨论。

问题的出现原因:

在AngularJs中,ng-click只能调用一个函数。因此,当我们需要在一个点击事件中执行多个函数时,就需要找到一种解决方法。

解决方法:

经过讨论,有几种方法可以解决这个问题。

1. 使用分号:

可以通过在ng-click指令中使用分号来调用多个函数。例如,可以这样写:

2. 使用逗号:

另一种方法是使用逗号将多个函数包装在一个函数中,并在ng-click指令中调用这个函数。例如,可以这样写:

function multipleFunctions() {
  function1();
  function2();
  function3();
}

3. 使用匿名函数:

还可以使用匿名函数来调用多个函数。例如,可以这样写:

这种方法在某些情况下可能更加灵活,可以根据需要在匿名函数中执行其他操作。

通过以上讨论,我们可以看到解决在AngularJs中使用ng-click调用多个函数的问题的几种方法。无论是使用分号、逗号还是匿名函数,都可以实现在一个点击事件中同时执行多个函数的目的。

0