Question

我正在尝试创建一个非常类似于（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}
];`

非常感谢您提前

Answer 1

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

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

您也只需导入MatStepperModule模块，因此不会有太多开销。

Angular 2 Multi Step Form进度条

1 个答案: