玉中的 ng-style [$parse:syntax] 错误答案

【问题标题】：ng-style [$parse:syntax] error in jade玉中的 ng-style [$parse:syntax] 错误
【发布时间】：2014-11-06 00:48:31
【问题描述】：

我尝试将我的代码从 html 转换为 jam，并在服务器端使用 express 渲染它。这是我的 ng-repeat 代码 sn-p

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-style吗？

我从调试中得到的错误是

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 示例：

玉：http://codepen.io/anon/pen/khDIm

HTML：http://codepen.io/anon/pen/HpxBb

【问题讨论】：

tsk.color 的值是多少？
@Shomz 它应该是一个字符串 - '#21928' 类似这样的
那可能和引号有关。您可以尝试将整个样式字符串设置为变量 (tsk.style = "'background-color': '#123123'")，然后执行：ng-style="tsk.style"？
@Shomz 甚至 (tsk.style = "'background-color': '#123123'") 不工作
你忘记了花括号：codepen.io/anon/pen/cLEfh

标签： javascript angularjs node.js express pug

【解决方案1】：

似乎使用 backgroundColor 而不是 background-color 解决了 Jade 的问题：

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

【讨论】：