javascript - dom-repeat 内の子ノードをカウントする

Question

テンプレート dom-repeat 内の子ノードをカウントしようとしています。firebase-query でデータをプルしています。

dom-repeat 内で、提案オブジェクトの子ノードの数を表示したいと考えています。画像は firebase のデータ構造を示しています。dom-repeat はすべてのジョブをループします。

   <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(提案):

Answer 1

オブジェクトのように見えるので、 はありません。これに.lengthは を使用しObject.keysます。

Object.keys(proposals).length;

Answer 2

ただの配列ですよね？その場合、使用できますproposals.length。[[job.proposals.length]]テンプレートまたはreturn proposals && proposals.length || 0;関数で使用します。