如果/然後將邏輯移入視圖或模型中或保留在模板中？

Question

使用引擎設計公司的骨幹創建了一個web應用程序後，我想知道是否應該將「if/then」邏輯從html模板中移出。

爲了明確我的意思，下面是我目前在生產中使用的兩個示例。

如果我將if/then邏輯移出模板，我會將它移動到視圖中，但我不確定這是否是「正確」方式或「主幹」方式。

我在做糟糕的設計決定，還是我做得很好？

謝謝！

簡單實施例1：

在視圖：

//m is the model used by the view 
return Backbone.View.extend({ 
    template: _.template(tmpl, null, { variable: 'm' }), 

在模板：

{% if(m.title) { %} 
     <h4> {%- m.title %} </h4> 
{% } else { %} 
     <h4>Experiment Title Goes Here</h4> 
{% } %} 

復實施例2：

在視圖：

//args are the model attributes passed into the view 
initialize: function (args) { 
    this.currentEngine = args.currentEngine; 
    this.engineDisplay = args.engineDisplay; 
    this.engineType = args.engineType; 
    this.isCurrent = this.model.isCurrent(this.currentEngine); 

}, 

render: function() { 

    this.$el.html(this.template({ 
    engineDisplay: this.engineDisplay, 
    engineType: this.engineType, 
    isCurrent: this.isCurrent; 

})); 

在模板：

{% if(!engineDisplay) { %} 
     {% if (m.isCurrent && (engineType === 'GAS' || engineType === 'ECO')) { %} 
      <span>Not Available</span> 
     {% } else { %} 
      <span> 
        <span>Click here to select</span> 
      </span> 
     {% } %} 
{% } %} 

Answer 1

我想你的第一個實現是正確的。將邏輯放在視圖外面。 「正確」方式或「主幹」方式是將邏輯保留在需要的地方：

1. 模型/集合中包含數據需要來自的「where」的代碼。
2. 該視圖包含需要執行/顯示的「什麼」代碼。 （如果事件X發生，需要發生什麼）
3. 模板應該包含需要顯示的「如何」代碼。

我敢肯定我缺少的東西..我會等到評論告訴我我的錯誤，然後我會糾正它。

- 希爾斯