*ngif不工作，如果使用订阅在ngOnInit

Question

这是我的组件代码

import { Component, OnInit } from '@angular/core';
import { Subscription } from 'rxjs';
//import { Item } from '../item/item.model';
import { CartItem } from './cart-item.model';
import { CartService } from './my-cart.service';
@Component({
selector: 'app-my-cart',
templateUrl: './my-cart.component.html',
styleUrls: ['./my-cart.component.css']
})
export class MyCartComponent implements OnInit {
items:CartItem[];
subscribe:Subscription;
display=true;
constructor(private cartService:CartService) { }
ngOnInit(): void {
this.subscribe=this.cartService.itemsChanged.subscribe(
(items:CartItem[])=>{
this.items=items;
});
}
ngOnDestroy(): void {
this.subscribe.unsubscribe();
}
}

这是我的HTML代码

<p *ngIf="display">my-cart works!</p>

如果我从ngOnInit中删除订阅，它可以正常工作。有人能帮忙吗?我不知道为什么它不工作

Answer 1

这两个是不相关的。