设置routerLink时如何使用if条件

时间:2016-12-02 10:09:11

标签: angular typescript

<div id="stage">
    <div class="space-item"
       *ngFor="let space of spaces; let i=index; trackBy:trackBySpaces"
       routerLink="/space/{{space.space_id}}"
       [ngStyle]="spaceStyles(positions[i].x, positions[i].y)"
    >
        {{space.space_id}}|{{space.name}}
    </div>
</div>

在上面的代码中,当space.space_id为空时,我怎么能不设置routerLink属性,我希望有这样的东西。

if(space.space_id){routerLink="/space/{{space.space_id}}"}

但我无法找到任何解决方案。提前谢谢!

1 个答案:

答案 0 :(得分:1)

这可以在模板中使用:

[routerLink]="space.space_id ? '/space/' + space.space_id : 'defaultUrl'"