如何在angularjs中僅顯示基於特定條件的選定div元素

Question

因此，這是我的代碼段，此處的目的是根據我的情況隱藏或顯示h4元素。

 <h4 ng-hide="data_startupcosts.note == ' '">THE COST OF STARTING THIS VENTURE</h4>
 <div ng-repeat="data_startupcosts in data.startupcosts track by $index">
 {{data_startupcosts.note}}
 <ul ng-repeat="data_startupcosts_lists in data_startupcosts.list track by $index">
 <li>

我用ng-hide表示表達式，但是沒有運氣……有什么建議嗎？

Answer 1

您可以在ng-repeat之外使用data_startupcosts ，以便該變量在那里不存在。 而是在ng-repeat范圍內使用它：

<div ng-repeat="data_startupcosts in data.startupcosts track by $index">
    <h4 ng-hide="data_startupcosts.note == ' '">THE COST OF STARTING THIS VENTURE</h4>
    {{ data_startupcosts.note }}
    <ul ng-repeat="data_startupcosts_lists in data_startupcosts.list track by $index">
        <li>..</li>
    </ul>
</div>

或者，如果您確實希望在div 之外使用它，請使用ng-repeat-start ：

<h4 ng-repeat-start="data_startupcosts in data.startupcosts track by $index" 
    ng-hide="data_startupcosts.note == ' '">THE COST OF STARTING THIS VENTURE</h4>
<div ng-repeat-end>
    {{ data_startupcosts.note }}
    <ul ng-repeat="data_startupcosts_lists in data_startupcosts.list track by $index">
        <li>..</li>
    </ul>
</div>

還要確保您的條件正確，您正在與一個空格進行比較，但是也許沒有任何空格？ （ data_startupcosts.note == '' ）