Question

单击模块类时，它显示空标签。但我无法隐藏模块类。

<div id="b" class="tab-pane fade in active" >
        <div class="secondrow">
            <div ng-show="divshow">
                <label class="emptylabel"> <input type="button" value="back"  class="backbutton" ng-click="hidediv()"></label>

            </div>


            <div class="module">
                <a href="#/b" class="{{module}}" ng-click="showdiv()">
                    <div class="col-sm-4"><label>Jawaharlal Nehru</label></div>
                    <div class="col-sm-1"><label>111111</label></div>
                    <div class="col-sm-2"><label>2222222</label></div>
                    <div class="col-sm-3"><label>3333333</label></div>
                </a>
            </div>

控制器：

app.controller('myController', ['$scope', function($scope) {
  $scope.showdiv = function () {
    $scope.divshow = true;
    $scope.module = false;
  }
 // Hide Div
 $scope.hidediv = function () {
   $scope.divshow = false;
 }
}]);

Answer 1

我不确定我是否理解你的问题。如果您想在emptylabel和module之间切换，可以根据ng-show变量对divshow和<div ng-show="divshow"> <label class="emptylabel"> <input type="button" value="back" class="backbutton" ng-click="hidediv()"> </label> </div> <div class="module" ng-show="!divshow"> <a href="#/b" class="{{module}}" ng-click="showdiv()"> ... </a> </div>两者使用app.controller('myController', ['$scope', function($scope) { $scope.showdiv = function () { $scope.divshow = true; } $scope.hidediv = function () { $scope.divshow = false; } }]);：

{{1}}

控制器：

{{1}}

Answer 2

HTML中的ng-controller声明是什么样的？例如，我的通常看起来像这样，捕获变量'vm'：

<div data-ng-controller="FooController as vm">
  <div>
    <span data-ng-click="vm.showDiv()"></span>
  </div>
</div>

在你的控制器内：

function FooController() {
  var vm = this;
  vm.showDiv = showDiv;

  function showdiv() {
    // Your code here
  }
}

无法隐藏angularjs中的div

2 个答案: