how to change the custom attribute value using angularjs controller?

Question

i have used material design class in my app.

<div flex="30" flex-sm="100" ng-repeat="shortListLoad in user.shortListLoads">
 <md-button class="md-icon-button md-primary" aria-label="Settings" ng-click="checkShortList(shortListLoad.id)">
   <md-icon md-font-icon='icon-favorite' style='color:red'></md-icon>
 </md-button>
</div>

I need to change the "md-font-icon" attribute value to 'icon-favorite-outline' while calling the checkShortList() function in controller.

How to do this please suggest a best way in angularjs rather than jquery???

you mean on click of button change attr value

ngLover
– ngLover

2015-11-20 08:27:16 +00:00
Commented Nov 20, 2015 at 8:27 — ngLover
– ngLover, Commented Nov 20, 2015 at 8:27
yes bro it'l be handle in controller

user3391137
– user3391137

2015-11-20 08:35:19 +00:00
Commented Nov 20, 2015 at 8:35 — user3391137
– user3391137, Commented Nov 20, 2015 at 8:35

ngLover · Accepted Answer · 2015-11-20 10:06:28Z

1

Set flag value in your controller method checkShortList. Keep a flag in each of the shortListLoad object.

//initially
 angular.forEach(user.shortListLoads,function(res){
    res.flag = true;
 }); 

 $scope.checkShortList = function(shortListLoad,id){
     shortListLoad.flag = false;
 }

HTML

    <md-button class="md-icon-button md-primary" aria-label="Settings" ng-click="checkShortList(shortListLoad,shortListLoad.id)">
         <md-icon md-font-icon="{{shortListLoad.flag ? 'icon-favorite' : 'icon-favorite-outline'  }}" style='color:red'></md-icon>
</md-button>

edited Nov 20, 2015 at 10:06

answered Nov 20, 2015 at 8:33

ngLover

4,6183 gold badges23 silver badges42 bronze badges

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

7 Comments

user3391137 Over a year ago

Please see the edited one, it's under "ng-repeat" how to change specific one?

user3391137 Over a year ago

$scope.flag = true; //initially it's not take as initial value. flag initial value is false while loading the page

user3391137 Over a year ago

did you get my question??

user3391137 Over a year ago

yes man it's working ... can you say when this angular.forEach() method is calling? it's while page loading?

ngLover Over a year ago

just put it as it is in your controller

|

Collectives™ on Stack Overflow

how to change the custom attribute value using angularjs controller?

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related