Question

我正在尝试使用 ng-show或ng-hide 来显示或隐藏div。我点击第一个（ showTable ）时有两个按钮我显示表格点击第二个（“showChart”）。当我没有应用条件时，两者一起显示。但是当我申请条件时。图表停止显示为什么？

这是我的代码 http://plnkr.co/edit/6MYYge8mhHUJt0JFEEk5?p=preview

$scope.showChart=function(){
    $scope.isshowTable=false;
}
$scope.showTable=function(){
    $scope.isshowTable=true;
}

Answer 1

您的html不正确，因为您的图表div是表格div的子级。将您的html更新为：

  <div ng-show='isshowTable'>
    <div class="row" ng-repeat='n in data'>
      <div class="col-xs">
        <div class="box">{{n.name}}</div>
      </div>
      <div class="col-xs">
        <div class="box">{{n.name}}</div>
      </div>
      <div class="col-xs">
        <div class="box">{{n.name}}</div>
      </div>
    </div>
  </div>


 <div ng-show='!isshowTable'>
   <chart value="basicAreaChart" type="area" height="400"></chart>
 </div>

为什么ng-show不能正常工作？

1 个答案: