Question

我只想在post更改时显示按钮modelCheck。我的代码： 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
    };

柱塞：http://next.plnkr.co/edit/xQ3AGFW03qGWKyxI 我的代码不起作用。感谢您的答复和事先的帮助！

Answer 1

使用此条件检查空对象

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

在更改ng-model AngularJS上显示按钮

1 个答案: