場合、DOMは、以下のような

Question

コードはクロームで正常に動作しますが、ポリマーを使用した場合、Firefoxで、私は次のエラーを取得する1.9.1

[未定義:: _annotatedComputationEffect]：計算方法hasMoreData

<template> 


    <template is="dom-repeat" items="[[sections]]"> 
     <div> 
      <template is="dom-if" if="{{hasMoreData(item)}}"> 
       <div name="loadMore">load more</div> 
      </template> 
     </div> 
    </template> 
</template> 
<script> 
    HTMLImports.whenReady(function() { 
     Polymer({ 
      is: 'listing-collection', 
      //...other stuff... 
      hasMoreData: function(item) { 
       return true; 
      } 
     }); 
    }); 
</script> 

を定義していない、これは何かの基本は、ドキュメントが特定の近代的なブラウザで言うと、他では正常に動作しますように動作するようには思えないということは本当にイライラさせられます。私はフレームワークが最終的に私を端に押し込んだと思います：

Answer 1

私は何か私は、行うになってしまったので、

<load-more section="[[item]]"></load-more> 

のように、独自のコンポーネントに条件付き「より多くの負荷を」移動し、この

<dom-module id="load-more"> 
    <template> 
     <template is="dom-if" if="[[hasMoreData(section)]]"> 
      load more 
     </template> 
    </template> 
</dom-module> 

<script> 
     HTMLImports.whenReady(function() { 
      Polymer({ 
       is: 'load-more', 
       properties: { 
        section: { 
         value: {}, 
         type: Object 
        } 
       }, 
       hasMoreData: function (section) { 
        return section.Listings.length > 0 && section.Listings.length < section.Filter.Count; 
       } 
      }); 
     }); 
</script> 

は、なぜ私がしなければならない必要があるようにコンポーネントでDOM-IFを使用しましたこの？なぜクロームではなく、ファイアフォックスでもっと簡単な方法で動作しますか？

私は知っているが、私は偶然であるためにポリマーでこれらの種類の奇妙な問題が多すぎる。

申し訳ありませんが、私は本当にポリマーが好きでしたが、私はそれを選択して後悔し始めています。すべてが学習曲線を持っていますが、あまりにも多くのものが1つのブラウザでうまく動作し、別のブラウザで完全に失敗したり、ドキュメンテーションに示されているようにフレームワークを使用しようとすると奇妙なコーナーケースが発生します。

ウェブコンポーネントには潜在的な可能性がありますが、少なくとも私が使用しているバージョンのPolymerは、Webコンポーネントの優れた広告ではありません。

残念なことに、この角度図はポリマーにも当てはまるかもしれません。私はthis guy's feelings about polymerに同意する必要があります。

私はおそらく、このウサギの穴の下行き過ぎているとして、それは今の技術の私の選択を変更するために私の現在のプロジェクトのために動作させるためにしようとしますが、物事は、彼らがされている方法を続ける場合は、私は可能な限りポリマーを避ける気がします。