与 AmpersandJS 一起使用的最佳模板系统是什么

Question

>"关于与 AmpersandJS 一起使用的最佳模板系统的最新想法是什么 - 我不喜欢 Jade，现在我们正在使用一些我想改变的垃圾自制系统。对此有什么想法、例子和经验吗？" - @tkaria，AmpersandJS Gitter

Answer 1

你（可能真的现在）应该使用 ES6 模板文字。 下面是一个示例：

我的模板.js

const template = context => {
    return `
        <div>My template ${context.myValue}</div>
    `;
};
export default template;

我的视图.js

import View from 'ampersand-view';
import MyTemplate from './myTemplate';
export default View.extend({
    template: MyTemplate
    // ...
});

Answer 2

大多数例子都使用车把，但它们已经有几年的历史了。

为了将来证明您的应用，您可以使用模板文本。您需要注意，并非所有浏览器都支持模板文字。（Internet Explorer 不支持它们）。如果要使用模板文本并保持对旧版浏览器的支持，则需要在构建脚本中使用某种类型的转换/填充（将 es2016 转译为 es5）。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

& 符号的主要功能之一是数据绑定，因此您实际上不需要模板引擎，您甚至可以使用字符串文字（只需注意空格）。

& 符号非常灵活，我会选择您最满意的任何模板引擎。