I am trying to count child nodes inside a template dom-repeat. I am pulling data with firebase-query.
Inside a dom-repeat I want to display the number of child nodes of proposals object. The image shows the data structure in firebase, the dom-repeat loops all jobs.
<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">
{{job.budget}}
</iron-label>
<iron-label class="g_lbl grey">
[[_computeproposals(job.proposals)]] Propuestas
</iron-label>
</div>
</div>
</paper-card>
</div>
</template>
I am passing the proposals data to the function _computeproposals(job.proposals), here I need to return the number of childnodes in proposals:
_computeproposals:function(proposals){
//should return the number of proposals here
console.log(proposals);
return <<number of child nodes in proposals>>;
}
It's seems like an object so it does not have .length
, use the Object.keys
for this:
Object.keys(proposals).length;