node.js - Express + Jade在解析json的时候，html标签也当成普通字符串了，怎么解决呢？

Question

//postList.json

[
{
    "title": "天文学家发现'巨型地球'",
    "date": "2014.06.08",
    "post": "<p>大自然总是会让人捉摸不透</p><p>发现第一颗外星行星，不过是20年前的事情。在这一领域，我们依然是初学者。</p><p>我们才刚刚开始发现惊奇。在茫茫宇宙之中，还有更多古怪之地等着我们去发现。</p>"
},
{
    "title": "天文学家发现'巨型地球'",
    "date": "2014.06.08",
    "post": "<p>大自然总是会让人捉摸不透</p><p>发现第一颗外星行星，不过是20年前的事情。在这一领域，我们依然是初学者。</p><p>我们才刚刚开始发现惊奇。在茫茫宇宙之中，还有更多古怪之地等着我们去发现。</p>"
}
]

//postlist.jade

article.site-list
  - each val in posts
    section.list
      h3.title= val.title
      p.date
        span 发表于
        time= val.date
      p.content= val.post

//index.js

var express = require('express');
var router = express.Router();
var datapostlist = require('../data/postList.json');

/* GET home page. */
router.get('/', function(req, res) {
  res.render('index', { 
    title: 'jaySite',
    userName: 'Jay.Creater',
    userEmail: 'jaycreater@163.com',
    posts: datapostlist
  });
});

module.exports = router;

//app.js

...
var routes = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

app.use(favicon());
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded());
app.use(cookieParser());
app.use(require('node-compass')({mode: 'expanded'}));
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);
app.use('/users', users);
...

Answer 1

使用 p.content!= val.post

See http://jade-lang.com/reference/code/

Answer 2

比較習慣用 #{locals.xxx} 這種寫法。

然後 !{locals.xxx} 就是不轉義的寫法，預設會轉義

Answer 3

我也想問這個問題，我沒有用jade，express拋出的直接是字串

Answer 4

如果是伺服器傳過來的陣列物件如 items = [{title: 'hello'}, {title: 'b'}]
要想顯示出來：

-items.forEach(function(item) {
    h2
        a(href="#")=item.title
    

由於jade為了保護而轉義了html裡的標籤和腳本，使用!=可以阻止轉義：

p!=item.title

可參考jade的文件：http://jade-lang.com/reference/code/