所以我知道在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
答案 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来生成链接