玉器中的ng-style [$ parse：syntax]錯誤

Question

我嘗試將我的代碼從html轉換為玉，並在服務器端使用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示例：

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

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

Answer 1

似乎使用backgroundColor而不是background-color解決Jade的問題：

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