jade中的ng-style [$ parse:syntax]错误

时间:2014-11-05 15:42:20

标签: javascript angularjs node.js express pug

我尝试将我的代码从html转换为jade,并在服务器端使用express呈现它。 这是我的ng-repeat代码片段

ul.task-list
      li.published-list(ng-repeat='tsk in app.dataTask')
        div(ng-style='{"background-color":tsk.color}')
          input(type='checkbox', ng-model='tsk.status', ng-click='app.taskComplete(tsk)')
          span(ng-class='{"done":tsk.status}') {{tsk.contents}}
          span.align.glyphicon.glyphicon-align-justify

奇怪的是,所有tsk.statustsk.statustsk.contents都正常工作并获得价值。但是tsk.color不能,以前用html格式工作正常,我可以知道如何在Jade中编写正确的ng风格吗?

我从调试中得到的错误是

Error: [$parse:syntax] http://errors.angularjs.org/1.3.1/$parse/syntax?p0=Object&p1=is[object Object]nexpected%C%expecting%%5B%D%D&p2=9&p3=%Bobject%Object%D&p4=Object%D ...

Codepen示例:

Jade:http://codepen.io/anon/pen/khDIm

Html:http://codepen.io/anon/pen/HpxBb

1 个答案:

答案 0 :(得分:0)

似乎使用backgroundColor代替background-color修复了Jade的问题:

div(ng-style='{"backgroundColor":tsk.color}')