0

git-hubサンプルで示されているように、iron-list内にポリマーの鉄崩壊要素を使用しています。sample linkすべてがうまくいきます。トグルモードを変更するためにクリックするとエラーが発生します。 キャッチされない例外TypeError:プロパティを読み取ることができませんがnullキャッチされないTypeError:nullの 'opened'プロパティを読み取れません。鉄の崩壊は開いていない。

VAR MOREINFO =のdocument.getElementById( 'より-情報')の '開かれました';なっヌル私はあなたがその鉄のリストが有効で繰り返しテンプレートであることを忘れているように見えるので、あなたが繰り返すそのものではない良いこと(そのIDで見つけることができるただ一つの要素がないと思う

<div id="scrollable-element" style="overflow: auto;"> 

     <iron-list id="_list" items="[]" as="person" scroll-target="scrollable-element" style="display: none"> 
      <template> 
       <div> 
        <paper-card> 
         <div class="card-content"> 
          <h1 class="feed_title">[[person.heading]]</h1> 

          <p class="feed_description">[[person.subheading]]</p> 
         </div> 
         <div class="card-actions"> 
          <paper-button class="button-blue"> Share</paper-button> 
          <paper-button class="button-blue"> Explore</paper-button> 

          <paper-icon-button 
            icon="hardware:keyboard-arrow-up" 
            title="more info" 
            onclick="_toggle()" 
            style="float:right;"> 
          </paper-icon-button> 

          <iron-collapse id="more-info" style="width:100%;"> 
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent enim ante, tempus 
           eget volutpat ac, cursus ac ante. Nulla facilisi. Praesent sed lacinia ligula. Donec 
           malesuada nisl eget quam iaculis, vel placerat justo cursus. 
          </iron-collapse> 

          <script> 
           function _toggle() { 
            var moreInfo = document.getElementById('more-info'); 
            var iconButton = Polymer.dom(event).localTarget; 
            iconButton.icon = moreInfo.opened ? 'hardware:keyboard-arrow-up' 
              : 'hardware:keyboard-arrow-down'; 
            moreInfo.toggle(); 
           } 
          </script> 

         </div> 
        </paper-card> 
       </div> 
      </template> 
     </iron-list> 
    </div> 

答えて

関連する問題