ngx-loading, Angular 4. Jipster 4.8.2. No Spinner

Jungster 4.8.2 응용 프로그램에 spinnner ngx-loading을 설치하는 단계를 보내면 오류가 발생하지 않으며 괜찮아 보이지만 회 전자를 페인트하지는 않습니다.ngx-loading, Angular 4. Jipster 4.8.2. No Spinner

설치 : app.module.ts에서

npm install --save ngx-loading

import { LoadingModule } from 'ngx-loading'; 
.... 
imports: [ 
    BrowserModule, 
    LayoutRoutingModule, 
    Ng2Webstorage.forRoot({ prefix: 'jhi', separator: '-' }), 
    Crm482SharedModule, 
    Crm482HomeModule, 
    Crm482HomeRRHHModule, 
    Crm482PrlModule, 
    Crm482MainModule, 
    Crm482AdminModule, 
    Crm482AccountModule, 
    Crm482EntityModule, 
    SimpleNotificationsModule.forRoot(), 
    LoadingModule 
    // jhipster-needle-angular-add-module JHipster will add new module here 
],

main.component.html :

<simple-notifications [options]="optionsNotifications"></simple-notifications> 
<ngx-loading [show]="loading" [config]="{ backdropBorderRadius: '14px' }"></ngx-loading> 
<jhi-page-ribbon></jhi-page-ribbon> 
<div> 
    <router-outlet name="navbar"></router-outlet> 
</div> 
<div class="container-fluid"> 
<!--I tried to put it here and it's not going--> 
<div class="card jh-card"> 
    <router-outlet></router-outlet> 
    <router-outlet name="popup"></router-outlet> 
</div> 
<jhi-footer></jhi-footer> 
</div>

내 컨트롤러 :

export class MyControllerComponent implements OnInit, OnDestroy { 

public loading = false; 
...... 
ngOnInit() { 
    this.loading = true; 
    ....

출처

2017-12-01 jose luis garcia cespedes

는 NGX 로딩 패키지이며, 귀하의 요청을 모두 사용 HttpClientModule 또는 HttpModule? HttpClientModule은 HttpModule로 만들어진 요청을 볼 수 없으며 그 반대의 경우도 마찬가지입니다. – Alex

스피너는 this.loading = true를 넣으면 활성화됩니다. 내가 this.loading = false에 놓으면 활성화됩니다. . 예제에 따르면. "HttpClientModule 또는 HttpModule"에 의존하는지 확신합니까? –

난 그냥 documentation을 읽고 당신이 당신의 템플릿 구성 요소가 아닌 주요 응용 프로그램 템플릿에

<ngx-loading [show]="loading" [config]="{ backdropBorderRadius: '14px' }"></ngx-loading>

을 배치해야 깨달았다. 즉, 모든 구성 요소 템플리트에 대해 각 구성 요소에 부울 변수와 함께이 값을 써야합니다. (당신이 나에게 묻는다면 꽤 지루한)

앱 구성 요소에 한 번만 설정하면 HttpClientModule을 사용하는 모든 요청에 대해 작동하기 때문에 this package도 권장합니다. main.component.ts에서

출처

2017-12-01 12:07:44 Alex

특정 구성 요소에는 작동하지 않으며 추가되지 않습니다. 당신이 제공하는 옵션은 내가 필요로하는 것이 아니므로 필요에 따라 회 전자를 넣고 똑같이 제거하고 HttpClientModule 등에 의존하지 말고 싶습니다. 도움 주셔서 대단히 감사합니다. –

(NO 내 구성 요소) : my.component.ts에서

public loading = false; 

.... 

public loader(loading:boolean) { 
this.loading = loading; 
}

import {JhiMainComponent} from '../../../layouts/main/main.component'; 
.... 
this.jhiMainComponent.loader(true); // start 
this.jhiMainComponent.loader(false); // finish

출처

2017-12-15 10:07:05

ngx-loading, Angular 4. Jipster 4.8.2. No Spinner

답변

관련 문제