定義自定義屬性並在需要時從AMD/Require.js模塊加載其他模塊？

Question

我正在嘗試爲中央控制器（實際上是骨幹視圖）定義新的屬性，以使其更加劃分和結構化。我嘗試通過if語句在不同情況下實現我想要實現的渲染，並在這些新屬性中實現每個案例的渲染。但插入替代代碼後，它會使我的應用程序無法工作，從而實現該代碼並評論代碼。

我做了什麼錯事。

另一種我可以想象的模塊化方式是再次有條件地加載不同的AMD/Require.js模型，我用單獨的文件/ s加載並加載它們。但是如何？通過render（）內部的require（），或者通過將新的moduleName傳遞給下面的define（）的第二個參數。

調用 render_app和 render_login

define([ 
    'jquery', 
    'ratchet', 
    'underscore', 
    'backbone', 
    'models/login', 
    'text!templates/login.html', 
    'text!templates/app.html' 

    ], function($, Ratchet, _, Backbone, LoginModel, LoginTmpl, AppTmpl){ 
     var LoginView = Backbone.View.extend({ 

      el: $("body"), 

      template_login: _.template(LoginTmpl), 
      template_app: _.template(AppTmpl), 

      initialize: function(){ 
       this.model = new LoginModel; 
       this.listenTo(this.model, 'change', this.render); 
       this.render(); 
      }, 
     //Replacement code: two attributes: 
      render_login: function(){ 
       this.$el.html(this.template_app(this.model.toJSON())); 
       console.log(JSON.stringify(this.model)); 
       return this; 
      } 
      }, 
      render_app: function(){ 
       this.$("#content").html(this.template_login(this.model.toJSON())); 
       console.log(JSON.stringify(this.model)); 
       return this; 
      }, 
      render: function() { 
      /* 
      if (this.model.get('loginp') == true) { 
      this.$el.html(this.template_app(this.model.toJSON())); 
      console.log(JSON.stringify(this.model)); 
      return this;     
      } 
      */ 

      /* 
      else { 
      this.$("#content").html(this.template_login(this.model.toJSON())); 
      console.log(JSON.stringify(this.model)); 
      return this; 
      } 
      */ 
      //Replacement code: 
      if (this.model.get('loginp') == true) { 
       this.render_app; 
      } else { 
       this.render_login; 
      } 
      }, 

      events: { 
       'click #loginbtn' : 'login', 
       'click #registerbtn' : 'register' 
      }, 

      login: function(e){ 
       e.preventDefault(); 
       var formData = {}; 

       $('input').each(function(i, el) { 
        if($(el).val() != '') { 
         if(el.id === 'username') { 
          formData[ el.id ] = $(el).val(); 
         } else if(el.id === 'password') { 
          formData[ el.id ] = $(el).val(); 
         } 
        } 
        console.log(i + ": " + $(el).val()); 
        console.log(JSON.stringify(formData)); 

        // Clear input field values 
        $(el).val(''); 
       }); 
       this.model.save(formData); 
      } 
     }); 
     return LoginView; 
}); 

Answer 1

與上述回答，遺忘括號總結，

1- render_app和render_login到render_app（）和render_login（）

2校正的語法錯誤： render_login函數定義中的第二個括號。

3 - 交換render_app和render_login屬性名稱或其匿名函數中使用的模板。他們彼此相處'。

Answer 2

在render方法的替換代碼，actualy我以前不執行它們。您的忘記()

if (this.model.get('loginp') == true) { 
      this.render_app(); 
     } else { 
      this.render_login(); 
     }