1

我正在尝试制作一个非常类似于（http://plnkr.co/edit/M03tYgtfqNH09U4x5pHC?p=preview）但使用 angular2 的流程。虽然没有考虑状态或数据，但我已经准备好流程，但我对进度条更感兴趣，我完全不知道从哪里开始进度条以及如何处理进度条。我真的很感激这方面的任何帮助。这是我拥有的静态组件的基本轮廓，它不做任何事情。

`import { Component, NgZone } from '@angular/core';
import { Router } from '@angular/router';
import { Routes, RouterModule } from '@angular/router';
import {ManualDemographics} from '../../manual-demographics';

@Component({
  selector: 'progress-wizard',
  providers: [ ],
  styleUrls: [ './multistep-progress-wizard.style.scss' ],
  templateUrl: './multistep-progress-wizard.template.html'
})

export class ProgressWizard {
  constructor(
    private zone: NgZone,
    private router: Router){}
}
export const ROUTES: Routes = [
  { path:'manualDemographics', component: ManualDemographics}
];`

非常感谢您提前

4

1 回答 1

0

我认为 Material UI 的 Stepper 将完全满足您的需求，并且实现起来非常简单：-

https://material.angular.io/components/stepper/overview

您也应该只需要导入 MatStepperModule 模块，因此开销不大。

于 2019-01-23T22:31:13.337 回答