angular - 在 Angular 中使用 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因为绑定(bind)表达式到某些类型的 DOM 元素和属性存在问题。

Angular 现在不存在这个问题。

以下将按预期工作:

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

您还可以使用 attr 进行绑定(bind)像这样的前缀:

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

正如其他人所提到的。如果你正在使用路由并且想添加一个 href属性到一个特定的路由。使用 routerLink指令，因为它将添加 href属性为 <a>标签。