2015-07-20 119 views
0

我使用的離子構建的應用程序。我有這個代碼來加載基於從遠程站點拉取的數據的按鈕。當視圖最初加載時,我有一個使用ng-repeat顯示每個pdf鏈接的按鈕元素。當應用程序正在提取數據時,會顯示一個空白按鈕。我怎麼能隱藏這個或從視圖中刪除它?或者有沒有辦法讓這個按鈕在數據被檢索之前不會呈現?感謝採用NG-重複使用按鈕元素

<div class="centerButtons"> 

    <button class="benchmark" ng-repeat="pdf in pdfArray" ng-click="pdfOpen.link('https://docs.google.com/viewer?url={{ pdf.link }}')"> 
     {{ pdf.title }} 
    <button> 
</div> 
+0

你需要一個「的onComplete」行動,但沒有爲NG-重複這樣的事情。您可以使用指令做自己 - 有解釋如何在這裏做這樣的問題:http://stackoverflow.com/questions/13471129/ng-repeat-finish-event –

+0

我不知道這是否會在這方面努力實例。在JavaScript開始爲模型提取數據之前,視圖會在窗口中加載空按鈕標記。一旦檢索到數據,ng-repeat會創建按鈕,但也會留下空白的按鈕。是否可以創建一個指令,以防止按鈕顯示,直到完全檢索模型並執行? – krystofurr

+0

是啊,我會使用像1流)都默認隱藏2 div.centerButtons)數據載荷3)一旦最後一個項目已經被加載,顯示div.centerButtons –

回答

0

可以有兩種方法

1.使用離子裝載機$ionicLoading.show前的數據被獲取並且 獸皮使用$ionicLoading.hide()

  • 使用解析的laoder在控制器中。
  • +0

    我使用$ ionicLoading.show和.hide,但它仍處於.show狀態時在後臺顯示一個空按鈕。我不太熟悉解決方案。這是一項服務嗎? – krystofurr

    +0

    看看這個[鏈接](http://odetocode.com/blogs/scott/archive/2014/05/20/using-resolve-in-angularjs-routes.aspx) –