如何使用&#34; ng-if&#34;在Html中<a> tag?</a>

时间:2015-02-28 06:18:38

标签: javascript html angularjs

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

如果我申请&#34; ng-if&#34;标签下的内容被隐藏。

在我的场景中,必须显示内容,但是,如果只需要应用条件满足标记。

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

如果&#34; a &#34;不等于&#34; 3 &#34;然后必须在没有href的情况下显示内容。

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

提前致谢...

1 个答案:

答案 0 :(得分:6)

<强> JSBIN DEMO

您可以使用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 attribte。