如何使用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具有價值時，希望顯示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>

Answer 2

嘗試這個

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

或與ng-show

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

或搭配ng-hide

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

我更喜歡使用ng-if不是ng-show

ng-if指令從頁面中刪除內容，而ng-show / ng-hide使用CSS display屬性隱藏內容。