how to add background image in angular?

Question

Hi can you please tell me how to add background image in angular which should display on whole application on whole page.?

secondly how to add different background image at different view on whole page ..?

 <div bg>
<button ng-click="goTONextpage()" >Go to next Page</button> </div>

Manwal · Accepted Answer · 2014-08-13 07:22:14Z

0

You can use ng-style in body tag

<body ng-style="{'background-image':'url(yourImg.png)'}">
  ...
</body>

Setting different background for different view:

set variable named image_path with different values of different views

<body ng-style="image_path != '' && {'background-image':'url('+image_path+')'}" >
  ...
<body>

answered Aug 13, 2014 at 7:22

Manwal

23.9k15 gold badges65 silver badges95 bronze badges

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

3 Comments

can you make plunker ..!! it will add in all view ? can i add class which is define in css

can you please give plunker ?