<Link> external resources using typescript variable

Question

I have the external link to the css file stored as string variable in typescript component. I want to use in a link tag in html to import the external css file for my web theme. I have defined the link variable as below.

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

Then I am trying to import in the html file as

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

However, in this case, no content is being shown. Is it possible to import resource file into html using some variable?

take a look at stackoverflow.com/questions/574944/…

FabioStein
– FabioStein

2018-12-19 19:59:58 +00:00
Commented Dec 19, 2018 at 19:59 — FabioStein
– FabioStein, Commented Dec 19, 2018 at 19:59

Azim Sadikov · Accepted Answer · 2018-12-19 20:06:24Z

1

Assuming you are using Angular 2 and above:

You can also bind to [attr.href]="expression"

And final code would be <link [attr.href]="matlink" rel="stylesheet"/>

answered Dec 19, 2018 at 20:06

Azim Sadikov

1821 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

<Link> external resources using typescript variable

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related