如何在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 == '' ）