javascript - 如何使用 ng-hide 根据 angularjs 中的特定条件仅显示选定的 div 元素

Question

这里的目的是根据我的喜好显示或隐藏下面的 div 元素

<div ng-repeat="data_training in data.training track by $index">
                                        <h4 ng-hide="data_training.list == [] && data_training.note == '' ">WHAT TYPE OF TRAINING IS REQUIRED TO START THIS VENTURE</h4> 
                                        {{data_training.note}}
                                            <ul ng-repeat="data_training_lists in data_training.list track by $index ">
                                                <li>
                                                    {{data_training_lists}}
                                                </li>
                                            </ul>
                                    </div>

这只是我的 index.html 的一个片段，下面是我的 json 数据的片段

 "training": [
      {
        "note": "",
        "list": [
          "Agricultural extension officers ",
          "Agricultural shops ",
          "Non Government Organisations, Community Based Organisations ",
          "Other farmers "
        ]
      }
    ],

当且仅当training.note 或training.list 有值(value)时才显示h4 元素。提前致谢

Answer 1

只需检查长度是否> 0:

<h4 ng-hide="data_training.list.length && data_training.note.length">WHAT TYPE OF TRAINING IS REQUIRED TO START THIS VENTURE</h4>