Ember.js `活动`类不基于`路由`更新进行切换

加载新的

路由时

活动类不会切换到新选项卡。我找不到解决这个问题的办法

但新页面正在加载，没有任何问题。唯一的问题是活动类没有切换到新页面，也没有从旧页面中删除

如何解决这个问题

这是我的哈佛商学院档案：

<div class="navbar-sub-header navbar-sub-header---tab-bar" style="border:1px solid red;">
        <div class="rdc-tab-bar">
            {{#link-to "auth-page.credit-card.credit-cardno" class="rdc-tab-bar___tab"}}
                Credit Card //by default active added
            {{/link-to}}
            {{#link-to "auth-page.i-banking" class="rdc-tab-bar___tab"}}
                Online Baning //when click page loads, active not swithing
            {{/link-to}}
        </div>
    </div>

UDATE

---

当我直接点击url时：

http://localhost:4302/auth-page/i-banking

我正在更新活动类。

在类似选项卡的设置中使用呈现的{{link to}}}元素时，我看到了几乎相同的问题。现在还不能把这个问题抽象成一个余烬，在我的案件中胡闹。我可以说，这三条路由都是构建在具有动态链接/slug的父路由之上的子例程。当在类似选项卡的设置中使用呈现的{{link to}}元素时，我看到了几乎相同的问题。现在还不能把这个问题抽象成一个余烬，在我的案件中胡闹。我可以说这三条路由都是构建在具有动态链接/段塞的父路由之上的子例程。

 this.route('auth-page', function() {
    this.route('credit-card', function() {
      this.route('credit-cardno');
      this.route('credit-otp'); //works fine
    });
    this.route('i-banking'); //not updating to active state
  });