How to add a dynamic css class inside a html class attribute in angularjs?

Question

I have a div like this:

<div class="row loginCtrl.padding(50)"></div>

My controller code goes like this:

app.controller("loginController", function(){

  this.padding = function(val){
    alert('padding-top-'+val);
  }

});

i know that padding function will be only called on a event like click etc

Answer 1

You should use ng-class for this

<div class="row" ng-class="loginCtrl.padding(50)"></div> 



app.controller("loginController", function(){

 this.padding = function(val){
    return 'padding-top-'+val;
   }

});