Question

我的表有文本输入字段，应在页面加载时隐藏，并在我点击它们时显示。这是我尝试过的，但它不起作用。但反之亦然，我可以在点击它时使该字段消失。

<div class="container-fluid">
    <table id="sampleGrid" class="table">
        <thead>
            <tr>
                <th>Fat (Z10006)</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><input type="text" class="col-xs-8" name="Fat" ng-if="visible" ng-click="hidden()"></td>
            </tr>
        </tbody>    
    </table>
</div>

  var sampleApp =angular.module('sampleApp',[]);
  sampleApp.controller('gridController',function($scope,$http) {
     $scope.visible = false;
     $scope.hidden = function () {
        $scope.visible = true;
     };
  })

Answer 1

尝试ng-show而不是ng-if

<input type="text" class="col-xs-8" name="Fat" ng-show="visible" ng-click="hidden()">

Answer 2

要做一个小小的改变。 ng-click应位于内部，以便单击时显示单元格。

<td ng-click="hidden()"><input type="text" class="col-xs-8" name="Fat" ng-if="visible"></td>

我希望表有隐藏的输入字段，只有在我点击它们时才会出现

2 个答案: