Question

当我在另一个组件中更改它时，我想将完成的类添加到路由中：例如：我在step1（组件）中点击＆＃34;转到步骤2＆＃34;在导航栏路由组件中，step1接收完成的课程

我的navbar.html（组件）

<li routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}"  class="step"><a [routerLink]="['step1']">
          <h4 class="list-group-item-heading">Miejsce i data</h4>
        </a></li>
        <li routerLinkActive="active" class="step disabled"><a [routerLink]="['step1']">
          <h4 class="list-group-item-heading">Wybierz samochód</h4>
        </a></li>

我的step1.html（组件）

 <button (click)="goStep2()">go to step 2</button>

Answer 1

您可以设置变量step1Done = false，并在调用goStep2()时，在该函数集this.step1Done = true内，然后将该值绑定到html {{1}中的类}}
你可以处理.ts组件中的所有内容，在html [class.done]='step1Done中使用模板参考，使用<div #myDiv>获取.ts文件中的元素，然后在@ViewChild() myDiv;函数中添加类goStep2()

在Angular 2处于活动状态时添加/删除类路由

1 个答案: