Angular6 innerHtml не привязывает routerLink

Question

this.dataAccessList ="<li routerLinkActive=" + "\"active selected\"" + ">" + "<a href='#' class='has-arrow' aria-expanded='false'>" +"<span class='has-icon'>" + "<i class='icon-laptop_windows'></i></span>" +       "<span class='nav-title'>Control</span></a>" +"<ul aria-expanded='true' class='collapse in'>"+"<li>" +"<a href='#' [routerLink]="+"\"['/dashboard']\""+">General</a>" +"</li>" +"</ul></li>";

Я создал вышеупомянутый routerLink в динамическом режиме.

далее я вызываю app.component.html

<div [innerHTML]="dataAccessList"></div>     

, но routerLink не работает.

Answer 1

Попробуйте импортировать CommonModule в вашем app.module.ts