How can i set a background image specifically in a component?

[Ernesto Espinoza]

Hello, 
I'm using Angular 4 for a project at school, I am able to set a background image in the general styles.css for index.html
But I only need to display that image in a specific component view and I can't.
This is what I do:

fondo.jpg is on root of panel component folder
Also tried using div as the element for the css file, body too, but It's supposed that body is actually on the main index.html
What do you think is the solution?
Thanks for your help!
 

[heimdali]

What is a specific compenent view?

 

[Ernesto Espinoza]

Well, I use routes, those routes are fed by components, I have a component per form for example, there is a component for my header, another for my footer, etc.
Each component has its own html, ts and css file
I want an image to be displayed as a backgorund image when I go to that component.
My English is not good, I may not be clear. 

[N0ps32]

You could put it into the CSS file of the component and then reference the specific component with CSS:

panel {
  background-image: url(YOUR_IMAGE_HERE);
}

 

This way the background image will render inside your component.