Wie benutzt man "ng-if" innerhalb des Html <a> Tags?

Question

Ich bin ein Neuling für AngularJS. Ich erstelle ein Beispielprogramm. Darin habe ich ein HTML-Tag, das basierend auf einer Bedingung verwendet werden muss.

Wenn ich "ng-if" auf das Tag anwenden, wird der Inhalt unter dem Tag ausgeblendet.

In meinem Szenario muss der Inhalt angezeigt werden, aber, wenn nur die Bedingung erfüllt Tag muss angewendet werden.

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

Wenn „ein“ ist nicht gleich „“ dann hat der Inhalt ohne href angezeigt werden.

Ich würde etwas Hilfe benötigen, um dies zu erreichen.

Vielen Dank im Voraus ...

Answer 1

JSBIN DEMO

Sie ng-attr-href diese Funktionalität zu erreichen, verwenden können:

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

In diesem Zustand:

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

undefined wird das href-Attribut vollständig entfernen.