2014-07-19 31 views
5

Kimin başlığının stil ve UI seçeneklerini kullanıcı şu anda durumuna bağlı değiştirecek bir uygulama üzerinde çalışıyorum. Örneğin, bir kullanıcı Yükle, Profili Düzenle, oluştur tıklarsa Oynatma Listesi veya bir içine slayt yapmak için site logosu CSS3 animasyon uygulanmış olacaktır Ui-view'i vücut etiketine yerleştirebilir miyim?

    1. başlığının arka plan rengini değiştirmek için: ana menüde Galeri düğmeleri oluşturun, bu başlığa aşağıdaki değişikliklere neden olur yeni konum
    2. belirli mesaj bu orada anlamına gelen bir iptal düğmesi başlığında

    sağ kenarına tezahür edecek logosu

  • yanında görünür bir kelime balonu içinde (kullanıcı ne olduğunu devlet bağlı olarak) mantık bana söyler ben böylece bu gibi yaparak bedenim etiketinde ui-view yerleştirmek gerektiğini sitemde hiçbir statik eleman olacak:

    <body ng-app="app" ui-view> 
    

    her yerde bu yüzden benim şüphelerim var önce kullanılan görmemiştim. Herhangi bir fikir?

  • +0

    İçerisinde değilse, değişiklikleri dinlemek için başlıkta direktif kullanabilir – charlietfl

    +0

    Mantığınız, ui-view'i beden etiketine koymanızı neden söylüyor? Bu konuda herhangi bir özel? – micronyks

    cevap

    3

    bu ya teknik olarak çalışmayacaktır eğer emin değilim, ama çünkü bunu önlemek gerektiğine inanıyoruz: Bu onları daha az yeniden kullanılabilir hale getiren bir dıştaki <body> etiketi içerecek şekilde tüm şablonları gerektirecektir

    • genellikle yapmak için alışılmadık bir şey var, o da bir bedeli vardır, ve bu konuya özel bir fayda göreceğinden, IMHO maliyet/fayda analizi, geleneksel olanla sopa diyor ki: <div> s kullanın.
    • Ben aslında çalışmalarında bu olabilir, ancak genellikle uygulamanın tüm yaşam döngüsü boyunca yerinde ng-app kalır sahip etiketi şüpheli. ng-app içeren etiketi dışa aktarırsanız bazı garip hatalara isabet etme şansınız var. Böylece birçok kişi ilk <html> etiketinde ng-app koyup yapılır diyoruz.

    Ama uygulama ve her iki yaklaşımı denemek için çaba çok düşüktür, bu nedenle sadece onları denemek ve (bkz ve bize öğrendiklerinizi bildirin). Uygulamanızla birlikte 2 farklı HTML yapısını test etmek için otoriteden gelen stackoverflow yanıtını beklemeniz gerekmiyor.

    +0

    Burada aradığım şey, ui yönlendiricinin iç içe geçmiş durumları/görünümleri ve birden çok adlandırılmış görünümüydü. –

    2

    Hayır, bunu yapma lütfen!

    dinamik olarak document.body bazı HTML etiketlerini eklerseniz özellikle durumda, birçok JS eklentileri/kullanışsız kitaplıkları oluşturmaya devam edebilir body etiketinin ui-view içini olması. Bu gibi durumlarda, başka bir görünüme navigasyon document.body'u yeniden başlatacak ve böylece önceden eklenen HTML etiketlerini göz ardı edecektir.

    E.g. Firebase ve Angular.js (AngularFire) ile durum böyle. Ben hata

    Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node. 
    

    karşılaşır herkes bu yayını görmek için umuyoruz.Sadece body etiketinize ui-view özniteliğini eklemediğinden emin olun. Sadece her türlü şablona başlık eklemeniz yeterlidir.

    İlgili konular