如何将 elementref 选择器从对象绑定到 Angular 中的 html

Question

我想以角度将对象中的 elementref 绑定到我的 html。我尝试的是：

<div #[sec_variable] ></div> OR <div #sec_variable ></div>

并从 @ViewChild() 获取它，但它说它为空。

<div class="nav-item" *ngFor="let input of inputs">
  <div #[input.name] /></div>
</div>

并且

 @ViewChild('image',{static:true,read:ElementRef}) img?

 ngOnInit(): void {

  const label = this.renderer.createElement('label');
  this.renderer.setAttribute(label, 'for', 'image');
  this.renderer.appendChild(this.img.nativeElement, label)
 }

但是它不起作用。我怎样才能动态地使用它

Answer 1

有点像

@ViewChild('inputEmail') inputEmail!: ElementRef<HTMLInputElement>; 

和

<input #inputEmail>

顺便说一句，在您的情况下， static 是不正确的，因为您正在查询的元素是由 ngFor 指令动态创建的。