當使用Egg 渲染模板，渲染Html時可以選擇 NunJucks --------- npm install egg-view-nunjucks -S
<1>. 在 config.default.js 中寫入配置
config.view = {
mapping: {
'.html': 'nunjucks'
}
}
<2>. 在 plugin.js 中寫入
nunjucks: {
enable: true,
package: 'egg-view-nunjucks'
}
<3>. 在 controller 中可以這樣寫
'use strict';
const { Controller } = require('egg');
class HomeController extends Controller{
async index() {
let str = '歡迎來到天天的世界！';
let arr = [{
name: '明明',
sex: '男',
age: '18'
},{
name: '璇璇',
sex: '女',
age: '16'
}];
await this.ctx.render('home', {
arr,
str
})
}
}
module.exports = HomeController;
<4>. 在 Html 中可以這樣寫
<body>
<div style="color: lightseagreen;">{{str}}</div>
<ol>
{% for item in arr %}
<li>
<p>{{item.name}}--{{item.sex}}--{{item.age}}</p>
</li>
{% endfor %}
</ol>
</body>