javascript - Angular 三元运算符？具有功能

Question

我有以下场景；我有两个通过按钮操作的功能:

<button ng-click="functionOne || functionTwo()"></button>

现在我想优化一下，我只想在它们返回某些东西时调用这些函数，否则我不想被调用并返回 null 或其他东西。现在我想知道是否可以使用具有类似内容的三元运算符:

<button ng-click="condition ? functionOne || functionTwo() : null"></button>

仅在 condition 时调用函数是真的。

我已经测试过，但并没有真正起作用:|

Answer 1

您可以将条件作为参数传递给函数，然后函数将对其进行检查。如果为真，它会做一些事情，否则，它什么都不做。

这样不是更干净吗？

<button ng-click="functionTwo(condition)"></button>

和

$scope.functionTwo = function (conditon) {
  if (condition) {
    //do what you want...
  }
};

我想您希望 functionOne 返回您在原始问题中的条件。您可以根据需要更改它。

这是我所描述的示例:

https://codepen.io/anon/pen/EvBVqE

如果你坚持使用三元运算符那么你可以这样做，但我认为它更复杂:

https://codepen.io/anon/pen/qXzbBJ