</p> <pre><code><a [routerLink]="['/LoggedIn/Profile']">Static Link</a> </code></pre> <p>herşey iyi çalışıyor, RouterLink dinamik

Question

öğe ekleyin. Bağlantıyı tıklarken, açısal yönlendirici beni hedef bileşene yönlendiriyor.

Şimdi aynı bağlantıyı dinamik olarak eklemek istiyorum. Uygulamamdaki bir yerde, bildirimleri görüntülemek için tek sorumluluk olan bir "bildirim bileşeni" var.

bildirimleri bileşeni böyle bir şey yapar:

notification.content NotificationComponent sınıfında dize değişkeni olduğunu ve görüntülemek için HTML içeriyor

<div [innerHTML]="notification.content"></div> 

.

notification.content değişken

<div>Click on this <a [routerLink]="['/LoggedIn/Profile']">Dynamic Link</a> please</div> 

Her şey gayet iyi çalışıyor ve benim ekranda görünür, ama dinamik bağlantıyı tıkladığınızda hiçbir şey olmuyorsa

gibi bir şey içerebilir ?!

Köşeli yönlendiricinin bu dinamik olarak eklenen bağlantıyla çalışmasına izin vermenin bir yolu var mı ???

ps. Ben DynamicComponentLoader hakkında biliyorum, ama gerçekten her türlü farklı bildirim ile her türlü HTML göndermek için daha sınırsız bir çözüm gerekir ....

Answer 1

routerLink bir direktiftir. [innerHTML] kullanılarak eklenen HTML için yönergeler ve Bileşenler oluşturulmaz. Bu HTML, herhangi bir şekilde Açısal tarafından işlem değildir.

önerilen yolu, bir bileşende HTML sarın ve dinamik olarak eklemek [innerHTML] ama DynamicComponentLoaderViewContainerRef.createComponent kullanmak getirmemektir. Onu tesadüfen çözüm bulduk bir örnek için

, Angular 2 dynamic tabs with user-click chosen components