Angular 4向导 - 在向导选项卡之间传递数据

时间:2018-01-18 17:13:18

标签: angular

我正在开发应用程序,其中我在向导选项卡中提到了不同的功能。对于每个选项卡,我开发了组件,当用户单击选项卡时加载该组件。

  1. 员工注册的个人信息选项卡(默认选项卡)
  2. 员工合同创建标签
  3. 在第一个选项卡上,用户通过调用rest api来填充信息并保存信息。

    如何在没有员工的情况下将创建的记录ID传递给第二个标签我无法创建合同并离开。

    <div class="main-content" style="margin-top: 20px;">
        <div class="container-fluid">
            <div class="col-sm-12">
                <div class="wizard-container">
                    <div class="card wizard-card" data-color="rose" id="wizardProfile">
                        <form action="" method="">
                            <div class="wizard-header" style="padding-bottom: 5px;">
    
                            </div>
                            <div class="wizard-navigation custom-wizard-navigation">
                                <ul id="ulSellerCustomer" class="nav nav-pills">
                                    <li id="basic" class="col-sm-4">
                                        <a  (click)="setActive('PersonalInformation')" [routerLink]="['PersonalInformation']">Personal Information</a>
                                    </li>
                                    <li id="location" class="col-sm-4">
                                        <a  (click)="setActive('contract')" [routerLink]="['contract']">Contract</a>
                                    </li>
                                     <li id="applyleaves" class="col-sm-4">
                                    <a  (click)="setActive('applyleaves')" [routerLink]="['applyleaves']">Apply Leaves</a>
                                </li>
    
                                </ul>
                            </div>
    
                            <router-outlet></router-outlet>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    

0 个答案:

没有答案