javascript - 主干样板模板

Question

我是 backbone 的新手，但我设法通过教程让它工作。但是当我想将这些应用程序移植到主干样板时，我发现自己陷入了模板。如何从我的模板访问我的模型？甚至来自 js 文件本身？我发现自己现在被困在这里一段时间了。

Backbone 样板引用https://github.com/tbranyen/backbone-boilerplate

Answer 1

对于大多数 javascript 模板库，模板化发生在两个阶段。

1. 将字符串(通常包含 HTML)传递给模板引擎的“编译”函数。这将返回一个您可以执行的“模板函数”。在您的应用程序的生命周期内，每个模板只需要发生一次。
2. 通过调用已编译的模板函数并提供模板可用的数据“上下文”，将模板呈现为输出(通常是 HTML)。可以使用不同的上下文数据重复执行此操作以输出不同的 HTML。

.

//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 和大多数其他模板引擎的基本思想相同。 “上下文数据”是您的模板如何访问您的模型。如果需要，您可以通过提供如下上下文使其直接访问底层模型:{model: myModel}; .然后在你的模板中你可以做类似 <%= model.get("displayName") %> 的事情.