2013-05-20 20 views
8

birden fazla görünüm yönetirim:nasıl Aşağıdaki sayfa düzeni angularjs

Diagram

  1. ana menü
  2. olduğunu
  3. içeriğidir üst menü olduğunu [DÜZENLEME : Bazı numaralandırmayı kaybettiğimi kestiğim gibi, bölüm 3 büyük orta bölümdür :)]

Ayrı modüller (mantıklı görünüyor) tarafından yönetilecek (işlenecek) ayrı bölümler, bu yüzden, tüm sayfa görünümünü ele alan tek bir ng-view varsa bunu nasıl yaparım. Bir modülü ayrı bir kullanıcı arabirimine nasıl bağlar?

peşin

+1

ng-controller özniteliğini html'de kullanabilirsiniz. –

+0

Tamam, anlıyorum ama sonra yönlendirme nasıl kullanabilirim, her bölüm sahip olabilir ... 5 durum deyin, her bir denetleyicinin bu parametreyi rotadan ayıklaması nasıl mümkün olabilir? – Lu4

+0

btw, denetleyicileri ng-view ile birlikte kullanabilir miyim, yani ng-view içinde tanımlanmış bir denetleyici var mı? – Lu4

cevap

5

Bu birçok kişi standart açısal yönlendirici ile başarmak istiyorum ama hackish girişimleri olmadan iyi çalışmıyor şeydir teşekkür ederiz. Açısal-UI ekibinin iç içe devletler sorununa daha rafine bir çözüm üzerinde çalışmasının nedeni budur.

ui-router module ürününü gözden geçirin. İlk başta biraz kafa karıştırıcı olabileceğinden, the docs dikkatli bir şekilde ve the sample app numaralı kasaya baktığınızdan emin olun.

7

Ana menünüzü ve üst menünüzü direktifler olarak ve yalnızca ng-view container olarak ana içeriği olarak tanımlayın. Bir yönerge, özel bir şablona ve denetleyiciye sahiptir ve kod modülerliğinin elde edilmesine yardımcı olur.