add class to element when content loads angularjs

Question

I want to add a class to the .container element when the content loads of an angularjs app:

Part of my code is as follows, how can I do this, not sure how it's done?

HTML

 <div class="container " ng-view>
..

JS

**app.controller('ShowImages', function($scope, InstagramAPI){
    $scope.layout = 'grid';
    $scope.data = {};
    $scope.pics = [];


    InstagramAPI.fetchPhotos(function(data){
      $scope.pics = data;
      console.log("length is "+data.length)
    });
  });**

Starscream1984 · Accepted Answer · 2015-07-10 12:52:17Z

1

I would suggest

<div class="container" data-ng-class="{ 'yourcustomclass': pics.length > 0 }"></div>

answered Jul 10, 2015 at 12:52

Starscream1984

3,0621 gold badge21 silver badges27 bronze badges

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

Comments

Arno_Geismar · Accepted Answer · 2015-07-10 13:05:12Z

0

just do this :

<div class="container" ng-class="{'customclass' : pics.length > 0}"></div>

edited Jul 10, 2015 at 13:05

answered Jul 10, 2015 at 12:42

Arno_Geismar

2,3301 gold badge19 silver badges30 bronze badges

1 Comment

user1937021 Over a year ago

I get a console error when adding that: machinas.com/wip/machinas/instagramfeed

Collectives™ on Stack Overflow

add class to element when content loads angularjs

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related