2016-11-11 20 views
1

とのトラブルを持って、私はbetroomListと呼ばれる非常に単純なコンポーネントを宣言しました。テンプレートのHTMLでは、このテーブルの内容でのons-listを作成します。ここでbetroomList.template.htmlが含まれているものです:はアドオンリストと角度NG・リピート

<ons-list> 
    <ons-list-item ng-repeat="item in $ctrl.betrooms"> 
    <h1>{{item}}</h1> 
    </ons-list-item> 
</ons-list> 

私の問題は、それがGoogleの丁目で正常に動作している間、それはないそれFirefoxのないことです。実際には、Chromeでは3行の「item1」、「item2」、「item3」のリストを正しく表示しますが、Firefoxでは1つの要素「{{item}}」のリストしかありません。また 、Firefoxのコンソールにエラーが含まれています:

Error: node is undefined 
[email protected]://localhost:63342/BetFriends/www/lib/angular.js:8623:13 
[email protected]://localhost:63342/BetFriends/www/lib/angular.js:9330:24 
[email protected]://localhost:63342/BetFriends/www/lib/angular.js:8620:13 
[email protected]://localhost:63342/BetFriends/www/lib/angular.js:8500:30 

それは、ULアドオン・リスト項目と私はそれぞれアドオンリストを交換する場合ことは注目に値するかもしれません、すべてが期待どおりに機能します。

これはなぜ機能しないのでしょうか?

ありがとうございます。

+0

ons-listとons-list-itemはどこに定義されていますか? – Mikkel

+0

どちらもOnsen UIコンポーネントですが、私はそれらを自分で定義しません。たとえば、のドキュメントは次のとおりです。https://onsen.io/v2/docs/js/ons-list-item.html –

答えて

0

温泉のUIでそれを取り上げなければならないかもしれません。

私が見ることができる唯一のことは、基本的に残されるために、彼らはアイテムのための3つのクラスを使用することをお勧めしていることで、中央、右:

<ons-list-item> 
    <div class="left">Left</div> 
    <div class="center">Center</div> 
    <div class="right">Right</div> 
</ons-list-item> 

あなたは{{アイテム}}の周りにH1タグを使用しています。たぶんdivを使ってみて、それが何であるかを見てみるべきでしょう。

+0

実際、これらの特定のdivを使用すると、エラーが消え、{{item}}の補間が機能するようになりました。それは彼らがそれらを使用するとは限りませんドクターで与える例のように奇妙です。とりあえずありがとう :) –