角度为href的模板(4)

时间:2017-08-04 13:24:34

标签: angular

所以我知道在Angular 2中我们可以简单地用ng-href代替href以使模板化的URL工作,但它在Angular 4中对我不起作用。我在角度上找不到任何文档.io要么,那么它是如何工作的?

编辑:也许我对#s版本感到困惑。我关注最新的Angular(angular.io)

我想链接到外部样式表,例如 link rel="stylesheet" href="...">

其中......是{{link}},link = https://www.w3schools.com/w3css/4/w3.css

4 个答案:

答案 0 :(得分:28)

AngularJS要求您使用externals: [nodeExternals()], ,因为将表达式绑定到某些类型的DOM元素和属性时存在问题。

现在Angular中不存在此问题。

以下内容将按预期工作:

ng-href

您也可以使用<a href="{{your expression here}}"></a> 前缀进行绑定,如下所示:

attr

正如其他人所说。如果您正在使用路由并希望将<a [attr.href]="your expression here"></a> 属性添加到特定路由。使用href指令,因为它会将routerLink属性添加到href标记。

答案 1 :(得分:6)

主要区别是Angular 2和4是@ angular / Router

将此用作路线

[{ path: 'xyz', component: XYZComponent}]

并重定向为

<a routerLink='/xyz' >xyz</a>

答案 2 :(得分:2)

请勿使用href="page"ng-href="page"但请使用routerLink="/page"

答案 3 :(得分:1)

应该使用routerLink来生成链接

https://angular.io/api/router/RouterLink