我尝试将我的代码从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.status
,tsk.status
,tsk.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示例:
答案 0 :(得分:0)
似乎使用backgroundColor
代替background-color
修复了Jade的问题:
div(ng-style='{"backgroundColor":tsk.color}')