【问题标题】:Does it exist JS template engine with functions (objects) support?是否存在支持函数(对象)的 JS 模板引擎?
【发布时间】:2017-07-11 18:45:10
【问题描述】:

是否存在支持函数(对象)的 JS 模板引擎?没有助手和其他拐杖(没有框架! angular 等)。

例如,我在 JS 上需要这样的东西:

var user = new User();

在 HTML 模板中

<div>
    ...    
    Hello, {{ user.name() }}
    ...
</div>

【问题讨论】:

  • Handlebars、Mustache、AngularJS、EJS、JS 模板等
  • Angular - 框架。我只需要模板引擎。 Handlebars 不支持简单使用的功能,只能通过 helpers。
  • 也许试试握把?从未使用过它,但它是由 Kyle Simpson 制造的,所以您知道它质量上乘且经过深思熟虑。 github.com/getify/grips

标签: javascript template-engine


【解决方案1】:

可以使用JS模板字符串:

const user = {
    name: "Alex",
    getName () {
      return this.name;
    } 
};

console.log(`Hello, ${user.getName()}`);

【讨论】:

  • OP 希望能够从 HTML 中插入 JavaScript
  • @mhodges,这是没有框架/模板引擎的唯一方法
  • OP 说模板引擎很好,只是不是成熟的框架。
【解决方案2】:

你的问题的措辞很难理解;但是,我相信这可能是您正在寻找的。

可以通过JS使用span来填充文本:

<script>
    function fillName() {
        document.getElementById("name").innerHTML = user.name;
    }
</script>

<div>
    Hello, <span id="name"></span>
</div>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多