溫泉傳送帶＆json模板

我有一個Onsen-UI模板/索引，我有一個傳送帶，並有每個傳送帶項目調用一個模板id（html）。其中一個模板是調用ng-controller（這是調用json API），並在其中包含通常的JavaScript。溫泉傳送帶＆json模板

如果我在Chrome中查看index.html，列表會顯示，但是當我將它構建爲phonegap應用並在我的android設備上運行apk時，該列表從不會出現。它只是加載一個循環，而不會「加載」它。另外，當我點擊一個列表項目時，它應該帶我到另一個html模板來顯示正確的信息，以及Chrome不能做的地方（page.html）（可能只是chrome中的一個問題）。

我希望如果我得到的清單顯示在我的應用程序，然後第二部分將自行修復或我需要做一些額外的調整？

這裏是我的模板代碼調用控制器：

<ons-template id="news.html"> 
    <ons-page> 
     <div class="app-page opacity-bar"> 

    <div class="app-page-content"> 
    <div class="app-page news-page" ng-controller="newsController" data-ng-init="getAllRecords()"> 

     <ons-list modifier="news"> 

     <ons-list-item modifier="chevron" class="list-item-container" ng-repeat="item in items" ng-click="showPost($index)"> 
      <ons-row> 
      <ons-col width="95px"> 
       <img ng-show="{{ item.thumbnail_images }}" ng-src="{{ item.thumbnail_images.thumbnail.url }}" class="thumbnail"> 
      </ons-col> 
      <ons-col> 
       <div class="name"> 
      {{ item.title | limitTo: 15 }}... 
       </div> 
       <div class="location" ng-show="{{ item.categories }}"> 
       <i class="ion-pricetags"></i> <span ng-repeat="cat in item.categories">{{cat.title}} </span> 
       </div> 
       <div class="desc"> 
      {{ item.excerpt | htmlToPlaintext | limitTo: 60 }}...     
       </div> 
      </ons-col> 
      <ons-col width="40px"></ons-col> 
      </ons-row> 
     </ons-list-item> 

     </ons-list> 

     <ons-button id="moreButton" modifier="large" should-spin="{{isFetching}}" ng-click="nextPage()">more news</ons-button> 

    </div></div></div> 
    </ons-page> 
</ons-template>

來源

2015-11-04 Mark B

轉盤非常薄弱，糟糕的執行，我有同樣的問題太多，且載體爲NULL

來源

2015-12-03 12:53:44 user44321

可能是這樣link將幫助代碼檢查

<ons-page> 
    <ons-toolbar> 
     <div class="center">Carousel</div> 
    </ons-toolbar> 
    <ons-carousel ng-controller="CarouselController" swipeable auto-scroll fullscreen var="carousel"> 
     <ons-carousel-item style="background-color: gray;"> 
     <div class="item-label">GRAY</div> 
     </ons-carousel-item> 
     <ons-carousel-item style="background-color: #085078;"> 
     <div class="item-label">BLUE</div> 
     </ons-carousel-item> 
     <ons-carousel-item style="background-color: #373B44;"> 
     <div class="item-label">DARK</div> 
     </ons-carousel-item> 
     <ons-carousel-item style="background-color: #D38312;"> 
     <div class="item-label">ORANGE</div> 
     </ons-carousel-item> 
     <ons-carousel-cover> 
     <div class="bullets"> 
      <span 
      ng-repeat="idx in indices" 
      ng-class="{'active': idx === carousel.getActiveCarouselItemIndex()}"> 
      • 
      </span> 
     </div> 
     </ons-carousel-cover> 

    </ons-carousel> 
    </ons-page>

來源

2016-06-03 11:22:24

溫泉傳送帶＆json模板

回答

相關問題