routerLink无法在angularHTML中使用angular2& 4.0.0+

时间:2017-04-01 05:52:26

标签: angular innerhtml routerlink

我正在使用:[angular-cli = 1.0.0 + node = 7.7.4 + angular = 4.0.0 +] 在我的html页面中,我使用代码B ts:// Represent a device on network public class Device { // Name to identify the device public string Name { get; set; } // Type of the device i.e. {USB_2.0, USB_3.0, Parallel etc} public string DeviceType { get; set; } // Time when device detected public DateTime TimeStamp { get; set; } // Total active time of the device on network public TimeSpan ActiveTime { get; set; } } // Represent a network having multiple devices public class Network { // Identifier of the network or network name public string Identifier { get; set; } // Name of the network administrator public string Admin { get; set; } // List of devices connected public List<Device> Devices { get; set; } } 但当我使用'npm start'启动我的服务时,在html中我只看到<div [innerHTML]="htmlWrite"></div>,没有与'/ user / list'的链接。 我搜索了很多关于这个的答案,我尝试了很多次但仍然失败了,你能告诉我如何解决这个问题吗?通过使用NgComponentOutlet?或其他人?请告诉我详细信息。谢谢。 PS:angular2(4.0.0 +)

4 个答案:

答案 0 :(得分:0)

简单地编写代码。

<div> <a routerLink = "user/list"></a> </div>

答案 1 :(得分:0)

使用路由器链接时,您不需要<a>标记中的href。

<强>之前

<a href="#" routerLink="/user/list"></a>

<强>后

<a routerLink="/user/list"></a>

答案 2 :(得分:0)

根据this article

[innerHTML]不支持角度绑定和指令。

但是,如果有一个要条件显示的html链接列表,则一个解决方案(取决于您要实现的目标)是对您的html进行硬编码,并使用布尔值在*ngIf上显示它们每个div /链接。

如果您尝试从服务器获取html,请尝试发送一些JSON并用变量填充预写的html行。

答案 3 :(得分:0)

您可以使用以下简单方法在锚标记上添加路线

https://stackoverflow.com/a/60413820/7540573

它将路由视图而无需重新加载整个页面