在显示HTML之前检查JS值是否存在

时间:2019-09-12 15:02:39

标签: javascript angularjs ternary-operator

我想显示以下具有角度值的HTML;仅在值存在的情况下,如何将以下内容包装在if语句周围,以检查值是否首先存在,然后再存在;显示此内部html。

我想直接进行此操作;理想情况下是三元运算符。

<span class="bloCK" ng-mouseover="showPopover()" ng-mouseleave="hidePopover()"><a href="{{website.coolUrl}}" target="_blank">Cool Website</a></span>

1 个答案:

答案 0 :(得分:1)

我猜您在说的“价值”是website.coolUrl,在这种情况下,您可以这样做:

<span ng-if="website && website.coolUrl"
    class="bloCK" ng-mouseover="showPopover()"
    ng-mouseleave="hidePopover()">
  <a href="{{website.coolUrl}}" target="_blank">Cool Website</a></span>

更新...糟糕!

直到我发布此内容后,我才看到您的意思是AngularJS,而不是Angular。我为此修改了答案,但是距离我执行任何AngularJS已有很长时间了。