Javascript jade中的ng样式[$parse:syntax]错误
我尝试将我的代码从html转换为jade,并在服务器端使用express呈现它。 这是我的ng重复代码片段Javascript jade中的ng样式[$parse:syntax]错误,javascript,angularjs,node.js,express,pug,Javascript,Angularjs,Node.js,Express,Pug,我尝试将我的代码从html转换为jade,并在服务器端使用express呈现它。 这是我的ng重复代码片段 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.t
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 ...
代码笔示例:
杰德:
Html:似乎使用
backgroundColor
而不是backgroundColor
解决了Jade的问题:
div(ng-style='{"backgroundColor":tsk.color}')
tsk.color
的值是多少?@Shomz它应该是一个字符串-“#21928”类似这样的东西它可能与引号有关。您可以尝试将整个样式字符串设置为一个变量(tsk.style=“'background-color':'#123123'
),然后执行:ng style=“tsk.style”
?@Shomz偶数(tsk.style=“'background-color':'#123123')
不工作您忘记了花括号: