如果url为null,则不允许导航

时间:2017-03-07 11:19:03

标签: angular typescript

我的日历类有url属性,有时可能为null。如果url为null,我不想允许用户导航(然后导航到root url);

我有这个:

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

所以我将href更改为:

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

但现在它生成了网址

<item android:id="@android:id/progress"
    android:top="2dp"
    android:bottom="2dp"
    android:left="2dp"
    android:right="2dp">

我该怎么办?

1 个答案:

答案 0 :(得分:1)

您可以在{(click)=&#34; ...&#34;

中返回preventDefault来使用false
<a href="{{calendar.url}}" (click)="!!clendar.url"