隐藏具有双ng-repeat的div

时间:2018-12-04 19:04:00

标签: angularjs angularjs-ng-repeat ng-show ng-hide

我有这个标记:

 <div class="row" ng-repeat="value2 in requirements | orderBy:'ControlGroupIdentifier'">
    <div class="col-lg-12">
        <div ng-repeat="controlgroup in value2.ControlGroup"
             ng-show="controlgroup.ListOfControls.length > 0">
            <table ng-if="controlgroup.ListOfControls.length > 0">
                <tbody>
                    <tr ng-repeat="value in controlgroup.ListOfControls = (controlgroup.ListOfControls  | filter: searchCompanyControl )">
                      &nbsp;
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

我想做的是,如果所有控制组均基于

隐藏,则隐藏第一个具有ng-repeat要求的div
  

controlgroup.ListOfControls.length> 0

我能够隐藏第二个div重复,但是如果根据没有列表的条件隐藏了需求中的所有对照组,我不确定如何隐藏最外面的ng重复。控件。

1 个答案:

答案 0 :(得分:-1)

您可以在顶部div上使用“ ng-if”。

<div class="row" ng-if="controlgroup.ListOfControls.length > 0" ng-repeat="value2 in requirements | orderBy:'ControlGroupIdentifier'">

我不确定这是否会取消您的ng-repeat,但如果可以,则可以将其包装在自己的div中。

例如

<div ng-if="controlgroup.ListOfControls.length > 0">
  <div class="row" ng-repeat="value2 in requirements | orderBy:'ControlGroupIdentifier'">

请告诉我这是否有帮助!