在Jade中，为什么有时我可以原样使用变量，而有时又不得不将其括在#{......}中?

问题描述

看下面的代码

        for story in book 
            if story.title.length < 140
                - var storyTitle = story.title;
            else
                - var storyTitle = story.title.substring(0, 140) + '...';

            .tiles
                a(href= 'http://' + story.link)
                    img(src=story.thumbnail, width='150', height='150')
                p Title: #{storyTitle}
                p Date: #{story.time}
                p Author: #{story.authorName}

这对我有用.然而，令我感到困惑的是，在tmes上，我可以摆脱使用story.attribute的困扰，在某些地方我必须使用#{story.attribute}.

This is working for me. However it perpllexes me that at tmes I can get away with using story.attribute and at places i must use #{story.attribute}.

例如如果我用线

p Title: storyTitle

没有小胡子，它只是在浏览器中打印字符串"Title:storyTitle".

without the moustaches, it simply prints the string "Title: storyTitle" in the browser.

另一个例子，如果我使用img(src=#{story.thumbnail}, width='150', height='150')，它不起作用，并且我在浏览器中得到一个html字符串(％20％20 ...某事...).

another example, if I use img(src=#{story.thumbnail}, width='150', height='150'), it doesn't works and i get a html string (%20%20... something...) in my browser.

那有什么呢?

推荐答案

简单地说

这篇关于在Jade中，为什么有时我可以原样使用变量，而有时又不得不将其括在#{......}中?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！