How to add attribute and remove from an element in Angular JS

Question

<input name="name" type="text" ng-model="numbers" mandatory>

How to remove and add class of mandatory dinamically in Angular JS?

Note : "mandatory" is custom class which is implemented by me.

Thanks.

You don't need to add or remove class bu your own when you're populating with angular. Angular will do it for you. see docs.angularjs.org/api/ng/directive/ngForm — Vineet
– Vineet, Commented May 27, 2015 at 12:32

Zee · Accepted Answer · 2015-05-27 12:33:12Z

1

I don't understand what you mean by mandatory. But to apply class based on condition we do

<input name="name" type="text" ng-model="numbers" mandatory ng-class="{className: expression}">

answered May 27, 2015 at 12:33

Zee

8,4805 gold badges39 silver badges59 bronze badges

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

Comments

Shubham Nigam · Accepted Answer · 2015-05-27 12:37:34Z

0

ng-class is option in Angularjs to add class dynamically

follow the doc for more info

https://docs.angularjs.org/api/ng/directive/ngClass

answered May 27, 2015 at 12:37

Shubham Nigam

3,96821 silver badges33 bronze badges

Comments

bhanu.cs · Accepted Answer · 2015-05-27 12:39:51Z

0

Assuming you want to change the class on button click

    <input name="name" type="text" ng-model="numbers" mandatory ng-class="class">
 <button ng-click="changeClass()">Change Class</button>

Now Add or remove class in controller

app.controller("con",function($scope){

        $scope.class = "class1";

        $scope.changeClass = function(){
          if ($scope.class === "class1")
            $scope.class = "class2";
          else
            $scope.class = "class1";
        };
      });

answered May 27, 2015 at 12:39

bhanu.cs

1,3751 gold badge11 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to add attribute and remove from an element in Angular JS

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related