0

angularjs アプリケーションを angular アプリケーションに再構築するために angular を使用しています。ここで、スコアを表示するために justgage をインポートする必要があります。最終スコアが表示されないことを除いて、すべてがうまくいっています。

コードをループして主な問題をデバッグしようとしましたが、何も見つかりません。GitHub でも質問しましたが、まだ回答がありません。

これは私のモジュールです。

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { TranslateModule } from '@ngx-translate/core';
import { FlexLayoutModule } from '@angular/flex-layout';

import { MaterialModule } from '@app/material.module';
import { DetailsRoutingModule } from './details-routing.module';
import { DetailsComponent } from './details.component';
import { MeasuresService } from '../measures.service';
import * as PlotlyJS from 'plotly.js/dist/plotly.js';
import { PlotlyModule } from 'angular-plotly.js';
import { JustgageModule } from 'angular2-justgage';
PlotlyModule.plotlyjs = PlotlyJS;

import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { GraphsService } from '@app/measure/details/graph.service';



@NgModule({
  imports: [
    CommonModule,
    PlotlyModule,
    TranslateModule,
    FlexLayoutModule,
    MaterialModule,
    DetailsRoutingModule,
    FormsModule,
    ReactiveFormsModule,
    JustgageModule

  ],
  declarations: [
    DetailsComponent,
  ],
  providers: [
    MeasuresService,
    GraphsService
  ]
})
export class DetailsModule { }

HTMLで使用するオプションをjustgageModuleに提供します


<justgage *ngIf="options.title != null" [options]="options" [max]="max" [value]="score"></justgage>

結果については、ゲージは表示されますが、ロード時のアニメーションや値は表示されません

4

1 に答える 1