2017-05-28 9 views
0

私が間違っていることがわかりませんが、初期化した配列の長さがわかります。しかし、私は 'mediator'レベルでデータにアクセスすると、代わりに空の値が表示されます。要素で初期化された配列の値がメディエータレベルで表示されない

このコードはjsbinでもある:http://jsbin.com/wujaruy/edit?html,output

<!doctype html> 
<head> 
    <base href="https://cdn.rawgit.com/download/polymer-cdn/1.5.0/lib/"> 
    <link rel="import" href="polymer/polymer.html"> 
</head> 

<body> 

    <dom-module id="x-container"> 
    <template> 
     <!-- doesn't show the expected value of '3' --> 
     <div>In container; # of items:[[listItems.length]]</div> 
     <x-list listItems="{{listItems}}"></x-list> 
    </template> 

    <script> 
     Polymer({ 
     is: 'x-container' 
     }); 
    </script> 
    </dom-module> 


    <dom-module id="x-list"> 
    <template> 
     <div>In x-list 1; # of items:[[listItems.length]]</div> 
    </template> 

    <script> 
     Polymer({ 
     is: 'x-list', 
     properties: { 
     listItems: {type: Array, value: [1,2,3], notify: true} 
     }}); 
    </script> 
    </dom-module> 

    <x-container listItems="{{listItems}}"></x-container > 

</body> 

答えて

1

はそれを考え出しました。私は大文字の問題で噛まれた。

<x-list list-items="{{listItems}}"></x-list> 

修正問題解決として、あなたが旗あなたの答えをすることができます

+0

<x-list listItems="{{listItems}}"></x-list> 

を変更します。誰もがこの質問がすでに返答されていることを知っているでしょう –

+0

確かに..あなたは2日待っていますが、あなた自身の答えを受け入れる前に。 – RoyM

関連する問題