AngularJS:只有在存在某些数据的情况下才添加ng-show属性

Question

与其有两个几乎相同的代码块(如果存在某些数据，区别是只有一个ng-show属性(，有没有办法避免重复，并在数据存在的条件下让ng-show存在？

当前伪实现

<div ng-if="data value X exists">
<div ng-show="data binded condition using X">
stuff here... many LoC
</div>
</div>
<div ng-if="data value X doesnt exist">
<div>
EXACT same stuff here but without the ng-show in the div above.
</div>
</div>

这可能会更精简

<div ng-show-attr-here-if-data-value-X-exists="data binded condition using X">
stuff here
</div>

这可能吗？

当我搜索这个话题时，我经常看到ng attr出现，但我似乎在ng show上运气不佳，很可能是因为我自己缺乏经验。

提前谢谢。

Answer 1

只需在同一元素上使用ng if和ng show：

<div>
<div ng-if="data value X exists" ng-show="data binded condition using X">
stuff here... many LoC
</div>
</div>