urlがnullの場合、ナビゲートを許可しない

Question

urlプロパティを持つカレンダークラスがありますが、nullの可能性もあります。 urlがnullの場合、ユーザーがナビゲートできるようにしたくありません（ルートURLにナビゲートします）。

私はこれがあります。だから私はへのhrefを変更

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

を：

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

しかし、今、それはURL

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

私は何ができるのを生成？

Answer 1

あなたは= "..."

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

（クリック） `で falseを返すことによって preventDefaultを使用することができます