角度为href的模板(4)

Question

所以我知道在Angular 2中我们可以简单地用ng-href代替href以使模板化的url工作,但它在Angular 4中对我不起作用.我在angular.io上找不到任何文档. , 那么它是怎样工作的？

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

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

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

Answer 1

AngularJS要求您使用,ng-href因为将表达式绑定到某些类型的DOM元素和属性时存在问题.

现在Angular中不存在此问题.

以下将按预期工作:

<a href="{{your expression here}}"></a>

你也可以使用这样的attr前缀绑定:

<a [attr.href]="your expression here"></a>

正如其他人所说.如果您正在使用路由并希望将href属性添加到特定路由.使用该routerLink指令,因为它将href属性添加到<a>标记.

Answer 2

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

用它作为路线

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

并重定向为

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

Answer 3

不使用href="page"，ng-href="page"但是使用routerLink="/page"