Javascript 单击ng执行函数，但如果第二个函数满足条件，则执行它

我目前正在验证一个表单。我有一个叫做“myFunction”的函数

执行函数“myFunction（）”

我还有另一个函数，叫做“directive_function（）”。当单击此按钮时，我需要始终执行此函数，但只有在满足条件时，才执行第二个函数“directive_function（）”

我需要直接在html视图中执行此操作，我不应该也不想在控制器中放置任何内容。我怎么做

或多或少我需要：

ng-click='directive_function(); form.$valid && myFunction()'

---

你不应该从你的角度来做这件事。您应该对此进行重新构造，以便将逻辑移到控制器中。您可以执行以下操作：

<button ng-click='directive_function();'>SEND</button>

---

从你的观点来看，你不应该这样做。您应该对此进行重新构造，以便将逻辑移到控制器中。您可以执行以下操作：

<button ng-click='directive_function();'>SEND</button>

---

为什么不希望在控制器中完成此操作？为什么不创建一个完成所有操作的方法？@BenBeck我尝试在任何模板中使用它，并且不需要修改每个控制器。为什么不创建一个属性指令？它将是可重用的，并完成与您尝试做的相同的事情。然后在该指令的控制器中写入一次逻辑。为什么不希望在控制器中完成此操作？为什么不创建一个完成所有操作的方法？@BenBeck我尝试一般性地这样做，在任何模板中使用它，并且不需要修改每个控制器。为什么不创建一个属性指令？它将是可重用的，并完成与您尝试做的相同的事情。然后在该指令的控制器中写入一次逻辑。

<button ng-click='directive_function();'>SEND</button>

directive_function() {
  if(...) {
    // only execute function if your condition is met
    myFunction();
  }
}