<link />使用typescript变量的外部资源

时间:2018-12-19 18:01:32

标签: javascript html angular typescript angular-resource

我有到CSS文件的外部链接,该文件以字符串变量的形式存储在打字稿组件中。我想在html中的 link 标记中使用,以导入用于Web主题的外部CSS文件。我定义了链接变量如下。

matlink:string="http://localhost:8000/static/css/mat-header/theme.css";

然后我尝试将html文件导入为

<link href="{{matlink}}" rel="stylesheet"/>

但是,在这种情况下,不会显示任何内容。是否可以使用某些变量将资源文件导入html?

1 个答案:

答案 0 :(得分:0)

假设您使用的是Angular 2及更高版本:

您还可以绑定到[attr.href]="expression"

最终代码为<link [attr.href]="matlink" rel="stylesheet"/>