Angular 具有角度11的动态[routerLink]绑定

我使用

routerLink

和

queryParams

获得以下值。正在尝试绑定HTML中的值

anchorValue : string = `<a [routerLink]="['../category/new ']" [queryParams]="{ query: 'category' }" routerLinkActive = "router-link-active"> Add category</a>`

我得到下面的输出

---

innerHTML

无法正确设置角度绑定。只需将其放入

mat-hint

标记中：

<mat-hint>
  <a [routerLink]="['../category/new ']" [queryParams]="{ query: 'category' }" routerLinkActive = "router-link-active"> Add category</a>
</mat-hint>

添加类别

---

根据需要使用

ngIf

或

ngSwitch

指令修改模板。

这不可行。为什么要使用

innerHTML

而不是将a标记放在mat-hint标记中？正如您所提到的，我使用了代码，因为[routerLink]=“['../category/new']”和[queryParams]=“{query:'category'}”是动态的。这不应该是硬代码。有时，只会有文本而不是HTML内容，然后动态绑定到它们

[routerlink]=“anchorLink”

，并使用

ngIf

或

ngSwitch

指令适当地修改模板。如果你展示你真正想要完成的事情，你可以得到一个更完整的答案。有时候你可能只会收到纯文本，而不一定会一直收到。因此，使用ngIf和ngswitch是没有意义的。如果它可能显示锚定标记，那么使用ngIf是有意义的。再说一次，如果你告诉我你实际上想要完成什么，你可以得到一个更完整的答案。但是，无法使用

innerHTML

绑定使角度绑定正常工作

<mat-hint>
  {{anchorValue}}
</mat-hint>

<mat-hint>
  <a [routerLink]="['../category/new ']" [queryParams]="{ query: 'category' }" routerLinkActive = "router-link-active"> Add category</a>
</mat-hint>