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

Question

我想显示以下带有角度值的 HTML；仅当值存在时，我如何将以下内容包装在 if 语句中，以检查值是否首先存在，然后是否存在；显示这个内部 html。

我想内联执行此操作；理想情况下使用三元运算符。

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

Answer 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 了。