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