Question

116

How to add external CSS files - styleUrls - Angular 5 component

rated 0 times [ 123] [ 7] / answers: 1 / hits: 17905 / 6 Years ago, fri, april 13, 2018, 12:00:00

I have an Angular 5 application in a subdirectory of another parent application.

The parent application is a set of JSP, and other angularJs applications... etc.

What I'm trying to do is include a CSS file, from this parent application, into a component of the Angular 5 application.

@Component({

  selector: 'app-my-form',

  templateUrl: './my-form.component.html',

  styleUrls: [....] //Here

})

Is it possible ?

I looked at this question : Load external css style into Angular 2 Component
already asked, but it does not correspond to my case.

Thanks for your help

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

myrap

Add To Favorites

Follow

Total Points: 407

Total Questions: 105

Total Answers: 109

Location: Cambodia

Member since Thu, Oct 7, 2021

3 Years ago

myrap questions

1 How To Convert base64 String to PDF in React.js

Tue, Feb 8, 22, 00:00, 2 Years ago

1 Migrating away from Typescript in a React project

Wed, Jan 15, 20, 00:00, 4 Years ago

1 Can I use let in react function component?

Thu, Oct 24, 19, 00:00, 5 Years ago

1 Delay inside/after subscribe in angular

Thu, Oct 3, 19, 00:00, 5 Years ago

1 To pin the caption of the scrollable table

Mon, Aug 12, 19, 00:00, 5 Years ago

View All

answered 6 Years ago julian · Accepted Answer

In the .angular-cli.json file of your child application look for the styles property of your app. Add the path to your parent CSS in there.

Here is an example of the JSON config.

 apps: [

    {

      styles: [

        ../../../../apec-template-bootstrap-responsive/src/main/resources/css/old-apec.css,

        styles.css

      ],

    }

  ],

This should give your child application any style you require from the parent.