0

我有一个更新我的数据库的服务我希望它更新我的祖父母和父组件。

我得到的行为是祖父组件正在从服务获取响应。如果我注释掉祖父母中的订阅代码，那么我会看到父行为。我想要的是每次更改 progressBar$ 的值时两个组件都做出响应

服务代码

export class CompetitionService {
  progressBarSubject = new Subject<boolean>();
  progressBar$ = this.progressBarSubject.asObservable();
  private subscription: Subscription=new Subscription();

  constructor(
    private loginService: LoginService,
    private http: Http
  ) { }

  initializeCompetition(compDate: string) {
    this.progressBarSubject.next(true);


    const login = this.loginService.getLogin();
    const url = AppSettings.API_ENDPOINT + "competition/addCompetition";

    let headers = new Headers();
    headers.append('C247Token', login.getToken())

    let body = { 'C247Token': login.getToken(), 'compDate': compDate };

    //execute http (must have a corisponding subscribe)
    this.subscription = this.http.post(url, body, { headers: headers })
      .subscribe(res => {

        this.progressBarSubject.next(false);
      },
      err => {
        this.handleError(err);
      });


  }

祖父组件

 private isProgressBarOn: boolean = false;
  private subscription: Subscription = new Subscription();

  constructor(private loginService: LoginService,
    private competitionService: CompetitionService,
    private cd: ChangeDetectorRef,
    private router:Router
  ) { }

  ngOnInit() {    
    this.subscription = this.competitionService.progressBar$
      .subscribe(
      response => {
        this.isProgressBarOn = response;
        this.cd.detectChanges();
        //alert("Stop "+'"'+this.isProgressBarOn+'"');

      }
      );//*/
  }

父组件：

  ngOnInit() {
    this.initForm();
    this.subscription = this.competitionService.progressBar$
    .subscribe(response=>{
      console.log('hit '+response);
    }
4

1 回答 1

0

谢谢你们。事实证明，问题出在路由器插座标签上。

当您将 ngIf 与路由器标签结合使用时，Angular2 中似乎存在一个错误。一旦我将祖父母 ngIf 更改为 [hidden]，两个订阅都按预期触发。

新的祖父母代码模板代码是

<!-- old code <div *ngIf-"isProgressBarOn"> -->
<div [hidden]="isProgressBarOn">
    <router-outlet></router-outlet>
</div>

与之前一样，服务更改 isProgressBar 的值并通知父级。

感谢您的所有帮助

于 2016-12-19T17:02:14.190 回答