如何在*ngIf HTML中获取.ts var值?

如何在*ngIf HTML中获取.ts var值?,html,angular,var,Html,Angular,Var,我试图在2秒钟内全部显示图像,我设法先将它们全部显示出来 这是我的HTML行: 您的代码大部分看起来不错,我调整了一些地方。唯一的两个问题是图片路径错误,它可能应该以“/assets/img/photo_bonhomes/BH1.jpg”开头,并且绝对不应该有两个扩展名。 另一个可能是您的Bh类构造函数创建了类,但您没有正确地分配和公开id export class HeaderComponent implements OnInit{ count=0 BHs = [ new Bh(1,

我试图在2秒钟内全部显示图像,我设法先将它们全部显示出来

这是我的HTML行:


您的代码大部分看起来不错,我调整了一些地方。唯一的两个问题是图片路径错误,它可能应该以“/assets/img/photo_bonhomes/BH1.jpg”开头,并且绝对不应该有两个扩展名。 另一个可能是您的Bh类构造函数创建了类,但您没有正确地分配和公开id

export class HeaderComponent implements OnInit{
count=0

BHs = [
  new Bh(1, "/assets/img/photo_bonhommes/BH1.jpg"),
  new Bh(2, "/assets/img/photo_bonhommes/BH2.png"),
  new Bh(3, "/assets/img/photo_bonhommes/BH3.png"),
  new Bh(4, "/assets/img/photo_bonhommes/BH4.png"),
  new Bh(5, "/assets/img/photo_bonhommes/BH5.png"),
  new Bh(6, "/assets/img/photo_bonhommes/BH6.png"),
  new Bh(7, "/assets/img/photo_bonhommes/BH7.png"),
  new Bh(8, "/assets/img/photo_bonhommes/BH8.png"),
  new Bh(9, "/assets/img/photo_bonhommes/BH9.png"),
  new Bh(10, "/assets/img/photo_bonhommes/BH10.png"),
  new Bh (11, "/assets/img/photo_bonhommes/BH11.png"),
];
}
ngOnInit() {
 Timer(){
  setInterval(() => {
    this.count++
  }, 2000)
 }
}

--------------------HTML----------------
<ng-container *ngFor="let bh of BHs">
  <img id="bh" routerLink="/" *ngIf="bh.id === count" [src]="bh.src" height="42" 
   width="42"/>
</ng-container>
导出类HeaderComponent实现OnInit{
计数=0
行李处理系统=[
新Bh(1,“/assets/img/photo_bonhomes/BH1.jpg”),
新Bh(2,“/assets/img/photo_bonhomes/BH2.png”),
新Bh(3,“/assets/img/photo_bonhomes/BH3.png”),
新Bh(4,“/assets/img/photo_bonhomes/BH4.png”),
新Bh(5,“/assets/img/photo_bonhomes/BH5.png”),
新Bh(6,“/assets/img/photo_bonhomes/BH6.png”),
新Bh(7,“/assets/img/photo_bonhomes/BH7.png”),
新Bh(8,“/assets/img/photo_bonhomes/BH8.png”),
新Bh(9,“/assets/img/photo_bonhomes/BH9.png”),
新Bh(10,“/assets/img/photo_bonhomes/BH10.png”),
新Bh(11,“/assets/img/photo_bonhomes/BH11.png”),
];
}
恩戈尼尼特(){
计时器(){
设置间隔(()=>{
这个,伯爵++
}, 2000)
}
}
--------------------HTML----------------

bh从何而来?
这个。count
应该是
count
,但我认为改变对你的问题没有帮助。哦,对不起,我会加上它的谢谢@TheNsn666,这是第一个帮助谢谢你,我曾考虑过添加ngFor和ngIf,但没有这样做。它也不允许我在ngOnInit中添加计时器。。我在计时器上得到一个错误,应该是“;”。。ngOnInit(){this.loginService.loginText.subscribe(login=>(this.login=login))Timer(){setInterval(()=>{this.count=this.count++},2000)}}@Skimar这可能是因为缺少分号
ngOnInit(){this.loginService.loginText.subscribe(login=>this.login=login);this.timer();}timer(){setInterval(()=>{this.count++},2000);}
如果将它放在组件中,从技术上讲应该可以使用