如果URL爲空，請不要導航

Question

我有日曆類，它具有url屬性，有時可能爲空。我不想讓用戶導航如果url爲空（然後導航到根url）;

我有這樣的：

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

所以我改變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> 

但現在它生成的url

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

我能做些什麼？

Answer 1

您可以通過在`（點擊）返回false = 「...」

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

使用 preventDefault