UI Router ile dinamik iç içe geçmiş bileşen görünümleri

Question

Daha önce UI Yönlendiricisi kullanan bir Açısal uygulamam var. Şu anda çoğu kişi nokta notasyonu yani parent.childState'u kullanarak iç içe geçmiş görünümler kullanmaktadır. Bununla birlikte, bu uygulamanın bazı bölümlerinin başka bir yerde yeniden kullanılması gerektiğine artık şimdi değiniyor, buna Module A diyoruz. Bu modül sekmeli ve şu anda her bir sekmeyle ilişkili bir duruma sahiptir. Şu anda, çoğu UI Router uygulaması gibi, uygulama uygulama aşamasında da rotalar belirlenir. kendi rotalarını kayıt böyle bu yeni bileşen Id ile

ve bu rotalar onlar ne olursa olsun ana görünümü.

bu mümkün mü çocuk yolları olduğunu?

Answer 1

Aşağıdaki yapabilirsiniz:

Eğer modül eklemek istediğiniz uygulamanın tüm bileşenlerini kayıt mümkün olacak sizin Modül A bir sağlayıcı bildirin. Parametrelerin biri obvisouly devlet önekinde olacaktır. Bu sağlayıcı, sağlayıcının işlevini çağırdığınızda veya sağlayıcınızla eşleşen hizmeti ($ get) başlattığınızda $ stateProvider'ı dahili olarak çağıracaktır.

$ get işlevini seçerseniz, $ get'in sonucunda hizmetin başlatılmasını zorlamak için bir angular.run() eklemeniz gerekir. Aksi takdirde, $ get daha sonra çağrılacak ve eyaletler eşlenecek ve $ stateNotFound ile sonuçlanmayacak. $ StateProvider çağrılmadan önce bazı yapılandırmalara aşırı yüklenebilmek istiyorsanız, buna ihtiyacınız varsa, $ stateProvider'ı $ get işlevinde kullanmayın.

Şimdi diğerlerinin modülünde yapmanız gereken tek şey, Modül A'ya bağımlı olmak ve söz konusu sağlayıcıyı kullanmaktır.