Angular2 dinamik şablonu veya ng-dahil

Question

Şablonları dinamik olarak angular2'ye yüklemek için bir yol var mı? Angular1'de ana denetleyici görünümünde farklı html şablonunu yüklemek için ng-include kullanılır. Angular2'nin sadece 1 templateUrl alabildiğini venumaralı google'ı angular2'de düzenleyebileceğini ve herhangi bir referans bulamadığını biliyorum.

Answer 1

Dinamik şablondan emin değilsiniz, ancak dinamik bir bileşen ekleyebilirsiniz (bununla birlikte, farklı bir şablona sahip olacaksınız). güncel örnek An Angular2: Insert a dynamic component as child of a container in the DOM

ancak daha karmaşık burada bulunabilir:

Basit bir örnek, ama burada bulabilirsiniz DEPRECATED How can I use/create dynamic template to compile dynamic Component with Angular 2.0?

Answer 2

ihtiyacınız var Neden hazırlamak varken ng-dahil Özel bir yeni bileşen olarak html ve ihtiyaç duyduğunuz her yerde kullanın, seçici etiketi sayesinde.

Örn: Yani burada

@Component({ 
     selector: 'app-my-component', 
     templateUrl: './my-component.component.html' 
    }) 

, my-component.component.html dosya eklemek istediğiniz veya başka her yerde göstermek işaretlemeyi sahip olabilir. ve <app-my-component></app-my-component> seçme etiketi değeri, uygulama biçimlendirme html dosyalarınızda kullanılabilir (günlük html etiketleriniz olarak düşünebilirsiniz - ancak doğada oldukça özelleştirilebilir ve açısal çerçeve tarafından ilk özel etiketlerle yorumlanır ancak açısal kullanılarak oluşturulur).