javascript - 计算 dom-repeat 内的子节点数量

标签 javascript polymer polymer-1.0 polymerfire

我正在尝试计算模板 dom-repeat 内的子节点数。我正在使用 firebase-query 提取数据。

在 dom-repeat 内,我想显示提案对象的子节点数。该图显示了firebase中的数据结构,dom-repeat循环所有作业。

enter image description here

   <template is="dom-repeat" indexAs="index" id="joblist" items="{{jobs}}" as="job">
    <div class="job-container" on-transitionend="_getData">
     <paper-card class="cards" heading="{{job.name}}" elevation="0">
        <paper-ripple id="ripple" recenters></paper-ripple>
        <div class="card-content">{{job.description}}</div>
      <div class="card-actions">
       <div class="horizontal justified">
        <iron-label class="g_lbl green">
            &nbsp;{{job.budget}}&nbsp;&nbsp;
        </iron-label>
        <iron-label class="g_lbl grey">
            &nbsp;[[_computeproposals(job.proposals)]] Propuestas&nbsp;
        </iron-label>
       </div>
      </div>
     </paper-card>
    </div>
   </template>

我将提案数据传递给函数_computeproposals(job.proposals),这里我需要返回提案中的子节点数量:

    _computeproposals:function(proposals){
        //should return the number of proposals here
        console.log(proposals);
            return <<number of child nodes in proposals>>;
        }

console.log(提案): enter image description here

最佳答案

它看起来像一个对象,所以它没有.length,为此使用Object.keys:

Object.keys(proposals).length;

关于javascript - 计算 dom-repeat 内的子节点数量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40793958/

相关文章:

javascript - 获取 Laravel Controller 中的 Js 值

javascript - Node.js 中导出类的正确方法

javascript - 数组中未定义的元素对JS有影响吗?

重新加载时 polymer 错误

javascript - 为什么 Math.round(-0.2) 返回 -0?

javascript - 创建我自己的 Iron-ajax 元素

javascript - 每次访问页面时重新加载页面

dart - 来自远程节点的 polymer 事件

testing - Web 组件测试器 - 在本地找不到 chrome

元素启动模板的polymer-cli 构建失败