經與附件列表和角度NG重複

麻煩我宣佈所謂betroomList一個非常簡單的組件：經與附件列表和角度NG重複

(function() { 
    'use strict'; 

    angular.module('betfriends') 
    .component('betroomList', { 
     templateUrl: 'src/home/betroomList.template.html', 
     controller: BetroomListController, 
     bindings: { 
     betrooms: '<' 
     } 
    }); 

    function BetroomListController() { 
    var ctrl = this; 

    ctrl.betrooms = ['item1', 'item2', 'item3']; 
    } 
})();

正如你可以看到，它的控制器包含字符串表。在模板HTML中，我想創建一個附件列表與此表的內容。這裏是什麼包含betroomList.template.html：

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

我的問題是，雖然它在Google Chome中工作正常，它不是Firefox。事實上，在Chrome中，它正確顯示了3行「item1」，「item2」和「item3」的列表，但在Firefox中，我只有一個元素「{{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和附件列表項與李分別附件列表取代，一切都按預期工作。

有沒有人有一個想法，爲什麼這不起作用？

非常感謝。

來源

2016-11-11 Bert.e

哪裏定義了ons-list和ons-list-item？ – Mikkel

它們都是Onsen UI組件，我沒有自己定義它們。例如，這裏是的文檔：https：//onsen.io/v2/docs/js/ons-list-item.html –

你可能需要把它與溫泉用戶界面。

我能看到的唯一的事情是，他們建議使用3類項目，基本上是由左，中，右：

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

您使用的是H1標籤在你的{{項目}} 。也許你應該嘗試使用一個div，並看看它做了什麼。

來源

2016-11-12 00:39:26 Mikkel

事實上，當使用這些特定的div時，它可以工作（錯誤消失，現在{{item}}的插值工作）。這很奇怪，但是他們在文檔中給出的例子並不總是使用它們。不管怎樣，謝謝：） –

經與附件列表和角度NG重複

回答

相關問題