Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/design-patterns/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jade中的ng样式[$parse:syntax]错误_Javascript_Angularjs_Node.js_Express_Pug - Fatal编程技术网

Javascript jade中的ng样式[$parse:syntax]错误

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

我尝试将我的代码从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.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')
不工作您忘记了花括号: