Lassen Sie nicht navigieren, wenn URL Null ist

Question

Ich habe Kalender-Klasse, die URL-Eigenschaft hat und manchmal kann es null sein. Ich möchte nicht zulassen, dass Benutzer navigieren, wenn URL null ist (dann navigiert sie zur Root-URL);

Ich habe dies:

<a href="{{calendar.url}}" target="_blank">{{ 'Home.calendar.readMore' | translate }} <i class="fa fa-angle-right"></i></a> 

So wechsle ich href:

<a href="{{calendar.url == null ? 'javascript:void(0);' : calendar.url}}" target="_blank">{{ 'Home.calendar.readMore' | translate }} <i class="fa fa-angle-right"></i></a> 

Aber jetzt erzeugt es url

<a _ngcontent-evn-15="" target="_blank" ng-reflect-href="unsafe:javascript:void(0);" href="unsafe:javascript:void(0);"> 

Was kann ich tun?

Answer 1

können Sie preventDefault verwenden, indem false in `(klick) Rückkehr = "..."

<a href="{{calendar.url}}" (click)="!!clendar.url"