CODEWITHSUNDEEP
angularjsangular-ngmodel
bafix2203
bafix2203

Reputation: 541

Show button on change ng-model AngularJS

I want to show button post only when modelCheck will change. My code : HTML :

  <table>
  <tr>
    <th>name</th>
     <th><button class="btn" ng-if="modelCheck === {}" ng-click="post()">post</button></th>
      <th><button class="btn disabled" ng-if="modelCheck !== {}" ng-click="post()">post</button></th>
  </tr>
  <tr ng-repeat="x in messages">
    <td>{{x.name}}</td>
    <td><input type="checkbox" ng-model="modelCheck[x.name]"/></td>
  </tr>
</table>

JS:

  $scope.modelCheck = {};

  $scope.messages = 
    [
        {
            "name": "eva",
        },
        {
            "name": "ben",
    },
 ];

$scope.post = function(){
    var data = [];
       for (var k in $scope.modelCheck) {
           if ($scope.modelCheck.hasOwnProperty(k) && $scope.modelCheck[k]) {
            data.push({'name': k});
           }
       }
       console.log(data);
       // do with data as you wish from here
    };

Plunker:http://next.plnkr.co/edit/xQ3AGFW03qGWKyxI My code doesn't work. Thanks for answers and help in advance!

Upvotes: 0

Views: 34

Answers (1)

Sachila Ranawaka
Sachila Ranawaka

Reputation: 41437

use this condition to check the empty object 

 <th><button class="btn" ng-if="(modelCheck | json) != ({} | json)" ng-click="post()">post</button></th>

Upvotes: 1

Related Questions