骨干锅炉模板

时间:2012-03-19 12:38:02

标签: javascript backbone.js boilerplate

我对骨干很新,但我设法让它从教程开始工作。但是,当我想将这些应用程序移植到骨干样板上时,我发现自己陷入了模板。如何从模板访问我的模型?甚至从js文件本身?我发现自己现在已经停留了一段时间。

Backbone Boilerplate指的是https://github.com/tbranyen/backbone-boilerplate

1 个答案:

答案 0 :(得分:4)

对于大多数javascript模板库,模板分两个阶段进行。

  1. 将一个字符串(通常包含HTML)传递给模板引擎""编译"功能。这会返回一个"模板函数"你可以执行。在应用程序的生命周期内,每个模板只需执行一次。
  2. 通过调用已编译的模板函数并提供" context"将模板渲染为输出(通常为HTML)。模板可用的数据。这可以使用不同的上下文数据重复完成,以输出不同的HTML。
  3. //Compile your template string into a function
    //Happens 1 time only then you can cache the function
    var templateFunction = _.template("<p>Your <%- part %> is so <%- description %></p>");
    
    //Generate your output HTML with varying sets of data.
    var html1 = templateFunction({part: "nose", description: "big"});
    //html1 has "<p>Your nose is so big</p>";
    var html2 = templateFunction({part: "cat", description: "fat"});
    //html2 has "<p>Your cat is so fat</p>";
    

    这是下划线模板,JST,jade和大多数其他模板引擎的基本概念。 &#34;上下文数据&#34;是您的模板如何访问您的模型。如果需要,可以通过提供如下所示的上下文来直接访问基础模型:{model: myModel};。然后在您的模板中,您可以执行<%= model.get("displayName") %>

    之类的操作