代码之家  ›  专栏  ›  技术社区  ›  bafix2203

更改ng型号角度时显示按钮

  •  0
  • bafix2203  · 技术社区  · 6 年前

    我要显示按钮 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 我的代码不起作用。感谢您的回答和帮助!

    1 回复  |  直到 6 年前
        1
  •  1
  •   Sachila Ranawaka    6 年前

    使用此条件检查空对象

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