带有 ng-click 的角 [attr.href] 条件

Question

我有一个带有引导选项卡控件的 Angular5 应用程序。如果属性modelChanged 为真，我将选项卡的href 设置为#，否则我将其设置为#tab1（或#tab2）：

<ul class="nav nav-tabs"> 
    <li class="active">
        <a (click)="changeTab()" [attr.href]="modelChanged ? '#':'#tab1'" data-toggle="tab">Tab 1</a>
    </li>
    <li>
        <a (click)="changeTab()" [attr.href]="modelChanged ? '#':'#tab2'" data-toggle="tab">Tab 2</a>
    </li>
</ul>

所以如果modelChanged 设置为false，基本上我可以更改选项卡，否则不会。

现在我不想使用名为 changeTab() 的函数，我将 modelChanged 属性更改为 false 并希望选项卡从 1 更改为 2，但直到我再次单击选项卡后才会更改：

changeTab() {
   modelChanged = false;
}

有人知道解决办法吗？

很抱歉，我没有工作的小伙伴，但我想你们中的一些人无论如何都能回答我的问题。

Answer 1

2 种方法来做同样的事情

1) 在您的点击中指定 modelChanged = !modelChanged,

[click]="modelChanged = !modelChanged"

2) [click]="modelChanged = changeTab()" 并在您的控制器中指定 changeTab 函数，如下所示

function changeTab(){
//do something
return false;
}