Javascript pupulatedomhtmlfomjson和coffeescript

我对咖啡剧本不太熟悉

我正在为您构建一个小部件

，我需要指定一个命令、更新间隔和一些样式

到目前为止，我已经能够调整其他现有的小部件，但在尝试创建自己的小部件时遇到了障碍

我想迭代一个JSON数组并填充一个表

我尝试了以下示例：

但我不知道我做错了什么。dom检查器抛出一个错误，表示存在意外的缩进。我整晚都在想办法解决这个问题。请帮忙

# ######################
# index.coffee
#######################

refreshFrequency: 5000

style: """
  white1 = rgba(white,1)
  white05 = rgba(white,0.5)
  white02 = rgba(white,0.2)
  black02 = rgba(black,0.2)
  icon-size = 28px

  //bottom 220px + 49
  //right 0px
  overflow hidden

  @font-face
    font-family Helvetica Neue

  .user_data
    color white1
    white-space nowrap
    width 176px
    padding 8px 0
    align-items center
    display flex

  .text, 
    font-size 8pt
    font-weight 200
    color white1
    text-overflow ellipsis


"""

todayfile = '~/Desktop/today.txt'

command: "cat #{todayfile}"

render: -> """

    <table class="user_data text"><br>
    </table>

"""

update: (output, domEl) ->
    dom = $(domEl)
    data = JSON.parse output
    alloc = data?.name?.user_name?.allocated_hours
        for keys, values of data
        text = '<tr><td>' + data.name[i] + '</td></tr>' + '<tr><td>' + data.user_name[i] + '</td></tr>' + '<tr><td>' + data.allocated_hours[i] + '</td></tr>'
        dom.find(".user_data").innerHTML =

这不是分配变量的方式：

变量赋值为

=

，即刷新频率=5000

在对象中分配项目是通过

：

完成的，即：

my_object = 
     refreshFrequency: 5000

您已多次重复此错误；-）请注意，您还将

=

用于函数赋值，因此

render:->

也是错误的，需要使用

render=->

---

update

函数的缩进已关闭：

update：（输出，domEl）->
dom=$（domEl）
data=JSON.parse输出
alloc=数据？.name？.user\u name？.allocate\u小时数
对于键，数据的值
text=''+data.name[i]+''+''+data.user\u name[i]+''+''+data.allocated\u hours[i]+''
dom.find（“.user_data”）.innerHTML=

为什么键、数据值的行

处于新的缩进级别？新块的开头不应位于新的缩进级别，而应位于其内容

脚本还以
innerHTML=
突然结束，这是不正确的


修复上述错误后，文件将被编译；-）当然，这并不能保证它也能满足您的需求；-）我无法真正理解剧本本身，更像是半个剧本……
太棒了！这帮了大忙。我理解=如何为变量赋值，但对于这个特殊问题，这正是Ubersicht的小部件制作方式。我不明白为什么循环不需要缩进，但是当我编译成javascript时，它真的很容易看到。谢谢你的帮助！
refreshFrequency: 5000

my_object = 
     refreshFrequency: 5000

update: (output, domEl) ->
    dom = $(domEl)
    data = JSON.parse output
    alloc = data?.name?.user_name?.allocated_hours
        for keys, values of data
        text = '<tr><td>' + data.name[i] + '</td></tr>' + '<tr><td>' + data.user_name[i] + '</td></tr>' + '<tr><td>' + data.allocated_hours[i] + '</td></tr>'
    dom.find(".user_data").innerHTML =