2013-04-09 13 views
12

Uygulamamın, başlatıldığında harici bir kaynaktan $rootScope ürününe veri yüklemesi gerekiyor. Veriler harici bir kaynaktan olduğu için, verileri yüklemek için gereken süre garanti edilmez. Sadece veri başarıyla yüklendikten sonra görüntülemenin görüntülenmesini ertelemek istiyorum. bunu arşivlemenin bir yolu var mı?Bazı veriler harici bir kaynaktan yüklenene kadar görüntüleme işlemini nasıl erteleyebilirim?

Bu uygulama için Açısal yönlendirmeyi kullanmıyorum. İşte

Orada bir zaman uyumsuz işlem rota giderir kullanmadan tamamlanıncaya kadar render manzarayı önlemek için temiz bir yol değildir, ancak aynı işi yapmak için özel bir yönerge programlayabilirdik bir simplified demo

+0

Neden '$ http' kullanmıyorsunuz? Cevaplamak için biraz daha bilgiye ihtiyacımız var. –

+0

@JoshDavidMiller - $ http kullanıyorum. Sadece sağlanan örnek kodda $ zaman aşımı ile $ http değiştirdim, böylece uzun gecikme öykünebilir ve böylece geç bağlayıcı etkisi gösterebilir. Lütfen başka hangi bilgiyi aradığınızı bildirin. Bana sorularınla ​​vur. Teşekkürler. – tamakisquare

+0

İstenilen sonucu elde etmek için 'ng-show' ile birlikte' $ watch' 'da kullanabilirsiniz – callmekatootie

cevap

13

olduğunu. Bu kullanıcı deneyimi için kesinlikle ise

Ancak, daha sonra ngShow tıkırında çalışacak kullanarak:

İşte
<div ng-show="user.name"> 
    <!-- content won't be visible until data is set --> 
</div> 

güncelleştirilmiş Plunker var: Benim için http://plnkr.co/edit/MXoQNWHvyp9aOXg0QOoC?p=preview

+0

Bunu güncellemek ve ngCloak'ın şu anda bu tür bir sorunu çözdüğünü söylemek istiyorum: Buradaki referansa bakın: https://docs.angularjs.org/api/ng/directive/ngCloak no ngShow gerekli – DAG

+2

@ DanielGroh Bu, ilk sayfa yüklemesinde işe yarayabilir, ancak * sayfa yükleri arasında çalışacağını düşünmüyorum. –

+0

siz haklısınız. Bunu işaretlediğiniz için teşekkürler – DAG

0

, bu UI basitçe bir sorun değildi titreme. Veriler, oluşturma işleminden önce yüklenmediği için, önyükleme seçem, ilişkili veri değerini seçmiyordu. Ben aşağıdaki gibi bir "ng-eğer" yerleştirerek kapta seçme açılan sararak sorunu çözmek başardı:

<div class='bootstrap-select-dropdown-wrapper' ng-if='listofthings.length > 0'>...</div> 

Umarım bu benzer bir sorun (not ile sıkışmış birisini yardımcı olur: Ben de ettik nya-bootstrap-select modülünü projeme dahil ettim - bower install nya-bootstrap-select)

İlgili konular