How to update the DOM in angular 4 after updating global style.css file?

Question

In my project once the project gets bootstrap's style.css rules gets attached into style tag inside the head tag of index.html file. What i am doing is once the project gets bootstrapped i am changing the some css rule properties programatically using node.js. But, updated css properties not getting applied in DOM. Please help me to find a way for this .

bereket gebredingle · Accepted Answer · 2018-05-02 04:04:01Z

1

Well, the global styles are loaded once and if you have an update on the style css you should refresh the page.

But updating the global css is not a good practice. Angular provides you easily manipulation of your DOM with typescript.

Plz refer this link Angular4 - changing css class dynamically - which is better?

Here is a github issue with the same question like you have https://github.com/gdi2290/angular-starter/issues/1457

answered May 2, 2018 at 4:04

bereket gebredingle

13.1k3 gold badges41 silver badges49 bronze badges

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

3 Comments

Gurudath G Over a year ago

Any possibility that could help me in refreshing the page. But, without using window.location.reload(); which i have already tried.

Gurudath G Over a year ago

is it possible to use gulp-livereload for change detection in angular 4 application?

bereket gebredingle Over a year ago

stackoverflow.com/questions/23448422/…

Collectives™ on Stack Overflow

How to update the DOM in angular 4 after updating global style.css file?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related