javascript - 条件 Action 逻辑应该去哪里？

Question

我正在开发一个使用 ember 的项目。条件逻辑可以放置在 HTML 模板、 Controller 和定义函数的位置。我有一个仅需要在全局变量为 true 时触发的操作。

    <div {{action 'CallThisAction' on='click'}}>...</div>

在 .hbs 中我可以做

{{#if global.x}}
   <div {{action 'CallThisAction' on='click'}}>...</div>
{{else}}
   <div>...</div>
{{/if}}

或者在我可以的函数中

CallThisAction(){
 if(global.x){
    //do something
   }
}

或者我可以将逻辑添加到 Controller 中，以防止 CallThisAction 被偏向于 global.x 调用。 Controller 也会折旧。

我也可以作为参数传递:

CallThisAction(x){
 if(x){
    //do something
   }
}

有没有更干净的方法来做到这一点？理想情况下，这里的解决方案会很好:Feature Request

Answer 1

您的模板不应使用全局变量。最好将这样的逻辑存储在您的操作中:

actions: {
  CallThisAction(){
    if(!global || !global.x){
      return;
    }
    // do something
  }
}