【问题标题】:Dart web UI and iterating inside a tableDart Web UI 和在表格内迭代
【发布时间】:2013-02-04 03:57:34
【问题描述】:

我尝试遍历表中的数据:

  <table>
    <template iterate="entry in data">
      <tr>
        <template iterate="value in entry.values">
          <td>{{ value }}</td>
        </template>
      </tr>
    </template>
  </table>

由于某种原因,我在构建时收到此错误消息:

表格上下文中的非预期结束标记(模板)导致巫毒模式。

当我在 ul 中迭代时它工作正常:

  <ul>
    <template iterate="entry in data">
      <template iterate="value in entry.values">
        <li>{{ value }}</li>
      </template>
    </template>
  </ul>

我认为使用表和迭代应该不是问题。

【问题讨论】:

    标签: dart dart-webui


    【解决方案1】:

    看起来我找到了解决方案,虽然我仍然不知道问题是什么:

    <table template iterate="entry in data">
      <tr template iterate="value in entry.values">
        <td>{{ value }}</td>
      </tr>
    </table>
    

    【讨论】:

    • 看看这个问题:github.com/dart-lang/web-ui/issues/191 - 引用:“HTML 中的表格对它们的子节点类型非常挑剔,这就是为什么我们不能在那里支持
    • 我明白了。幸运的是,我们可以在tabletr 上使用iterate 属性。
    • 我也不得不在某一时刻找到这个解决方案,kai 制作了一个易于使用的数据网格:)
    • 在某一时刻,您可以省略模板属性。我相信它现在是必需的。
    • @SethLadd 是的,我相信这是最终目标,但现在你仍然需要它。我想输入&lt;div if="{{ foo}}"&gt;...&lt;/div&gt;。 :)
    猜你喜欢
    • 2013-01-03
    • 1970-01-01
    • 2017-07-16
    • 2013-02-13
    • 2017-04-19
    • 2013-04-03
    • 2014-10-12
    • 2015-08-25
    • 1970-01-01
    相关资源
    最近更新 更多