2015-02-28 15 views
5

AngularJS'ye yeni gelen biriyim. Örnek bir program oluşturuyorum. Bu, bir koşula bağlı olarak kullanılması gereken bir HTML etiketine sahip.Html <a> etiketinde "ng-if" nasıl kullanılır?

Etikete "ng-if" uygularsam etiketin altındaki içerik gizlenir.

Benim senaryoda, içeriğin görüntülenmesi gerekir, ancak yalnızca koşulun yerine getirilmesi durumunda etiketin uygulanması gerekir.

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

"bir" Eğer href olmadan "" sonra içerik bulunmaktadır görüntülenecek eşit değildir.

Bunu başarmak için biraz yardıma ihtiyacım var. peşin

Teşekkür ...

cevap

6

JSBIN DEMO

O işlevselliği elde etmek için ng-attr-href kullanabilirsiniz: Bu durumda

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

:

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

undefined, href özniteliğini tamamen kaldıracaktır.

İlgili konular