如何在Html <a>标签中使用"ng-if"？

Question

我是AngularJS的新手。我正在创建一个示例程序。 其中，我有一个HTML标签，必须根据条件使用。

如果我对该标签应用“ng-if”，则标签下的内容将被隐藏。

在我的场景中，内容必须显示，但只有条件满足时才需要应用该标签。

<a href="someurl" ng-if="a != 3>
    <div> Text and image goes here </div>
</a>

如果"a"不等于"3"，那么内容必须在不包含href的情况下显示。

我需要一些帮助来实现这个目标。

提前感谢...

- Harry Suren

Answer 1

JSBIN演示

你可以使用ng-attr-href来实现该功能：

  <a ng-attr-href="{{(a==3) ? 'someurl' : undefined}}">
     <div> Text and image goes here </div>
  </a>

在这种情况下：

{{(a==3) ? 'someurl' : undefined}}

undefined会完全删除href属性。

- mohamedrias