即使md-active设置正确,选项卡也不会更改。有人知道如何解决吗?

时间:2019-02-25 15:27:39

标签: angularjs angularjs-scope angular-components

一个单独的组件(addItem)中有三个选项卡

md-tab(label="Tab 1", md-active="isTabOneActive")
  div "In Tab One"

md-tab(label="Tab 2", md-active="isTabTwoActive")
  div "In Tab One"

md-tab(label="Tab 3", md-active="isTabThreeActive")
  div "In Tab One"

我有一个按钮。我的要求是我需要更改按钮单击中的选项卡。

默认情况下,我将值保留为

this.isTabOneActive = true;
this.isTabTwoActive = false;
this.isTabThreeActive = false;

在按钮上单击我正在控制器中执行的操作

changeTab() {
    if (this.isTabOneActive) {
        this.isTabOneActive = false;
        this.isTabTwoActive = true;  
   }
}

但是选项卡没有改变。

0 个答案:

没有答案