Polymer 聚合物元素：嵌套还是不嵌套？

我们正在用Polymer开发一个数据可视化库，我必须说Polymer的功能给我留下了深刻的印象。不过，我们确实有一个问题

首先：下面是一个显示数据可视化的示例代码片段：

<template is="auto-binding">
    <our-loaddata url="data/data.csv" data="{{data}}"></our-loaddata>
    <our-scatterplot data="{{data}}"></our-scatterplot>
    <our-barchart data="{{data}}" dimension="weight"></our-barchart>
    <our-histogram data="{{data}}" dimension="weight" binSize=10></our-histogram>
</template>

虽然这也有效，但我们注意到，在所有视觉元素之前或之后关闭元素并不重要

---

在聚合物中处理这个问题的最规范的方法是什么？我在这里展示的方法之间有什么区别？

您可以使用条件模板检查数据是否存在，然后将其他元素发送到dom（如果为真）或显示加载程序（如果为假）。小心习惯这一点，我不认为它目前在0.8。悲伤的我

<template is="auto-binding">
    <our-app url="data/data.csv" data="{{data}}">
        <our-scatterplot data="{{data}}"></our-scatterplot>
        <our-barchart data="{{data}}" dimension="weight"></our-barchart>
        <our-histogram data="{{data}}" dimension="weight" binSize=10></our-histogram>
    </our-app>
</template>

<template is="auto-binding">
  <our-loaddata url="data/data.csv" data="{{data}}"></our-loaddata>
  <template if="{{data}}">
    <our-scatterplot data="{{data}}"></our-scatterplot>
    <our-barchart data="{{data}}" dimension="weight"></our-barchart>
    <our-histogram data="{{data}}" dimension="weight" binSize=10></our-histogram>
  </template>
  <template if="{{!data}}">
    <pretty-loadingscreen></pretty-loadingscreen>
  </template>
</template>