在顯示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已有很長時間了。