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 に答える