mustache .js 条件判断

JavaScript06

mustache .js 条件判断,第1张

先要把json字符串转换成对象

var persons = json.parse(json)// json就是你贴出来的东西然后包装成要传入的数据对象

var data = {persons: persons}然后渲染模版

var html = mustache.render(template, data)// 其中template为html模版html模版里这么写，来循环输出json数据

{{#persons}}

{{name}}

{{/persons}}

render是渲染的意思。

res.render(file,option)是express中专门渲染视图用的，首先你要在你的app.js或者index.js中设置一下渲染引擎，比如html,jade,handlebars(我自己使用的)，mustache等。然后将视图模板的文件位置放入file,将传入的模板数据放入option对象中，模板引擎就能自己渲染出视图。给你推荐一个npm模块，express-handlebars，能很快搭建一个项目，你实践过，就能明白res.render.

而渲染，就是这样一个过程，浏览器根据页面的html代码、css定义、javascript脚本的操作，在浏览器上按照一定的规范(传说中的 DOCTYPE )显示出相应的内容。

举个最简单的例子：

<b>这个是粗体显示</b>

浏览器根据上面的代码在浏览器上面显示出粗体的文字，这个过程就叫渲染

有的。使用过Mustache ， Hogan.js，或者handlerbars的话，你就可以快速的理解AngularJS的模板引擎语法，应为它是纯HTML的。AngularJS通过DOM浏览来完成此类功能，使用上面提到的directives。模板被作为DOM元素传递到Angular的编译器中，可以被扩展，执行或者重用。这很关键，这样一来你就拥有了DOM组件，而非字符串，允许你直接的操作扩展DOM树。