2015-02-28 18 views
5

Jestem początkującym AngularJS. Tworzę przykładowy program. W tym przypadku mam tag HTML, który musi być używany na podstawie warunku.Jak używać "ng-if" w znaczniku HTML <a>?

Jeśli zastosuję "ng-if" do tagu, zawartość pod znacznikiem jest ukryta.

W moim scenariuszu zawartość musi być wyświetlana, ale jeśli tylko warunek spełnia tag musi zostać zastosowany.

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

Jeśli „na” nie równa się „” wtedy zawartość ma być wyświetlany bez href.

Potrzebowałbym pomocy, aby to osiągnąć.

góry dzięki ...

Odpowiedz

6

JSBIN DEMO

Można użyć ng-attr-href aby osiągnąć tę funkcjonalność:

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

w tym stanie:

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

undefined spowoduje całkowite usunięcie atrybutu href.