Question

我正在尝试重新创建以下plunker：https://plnkr.co/edit/RJJdcY?p=preview，但是当我在Angular2中有以下代码时，我收到错误消息＆＃34;类型＆＃39; QueryList＆lt; ElementRef＆gt;的参数;＆＃39;不能分配给＆＃39; string＆＃39;类型的参数。＆＃34;

这是我现在的代码，是否有人有任何建议，看到我不知道我是否正在使用可能过时的东西。

import { OnInit, ViewChild, ViewChildren, Component, QueryList, ElementRef } from '@angular/core';

@Component({
  selector: 'nlr-container-test-container',
  template: `
  <h2>Hello</h2>
  <input #myname (input)="updateName(myname.value)" value="John Doe">

  <div #div1></div>
  <div #div2></div>
  <div #div3></div>

`,
  styleUrls: ['./container-test-container.component.css']
})
export class ContainerTestContainerComponent implements OnInit {

  constructor() { }

  @ViewChild('myname') input:ElementRef; 

  @ViewChildren('div1,div2,div3') divs: QueryList<ElementRef>;

  //@ViewChildren('.plates', {read: ElementRef}) 
  //public books: QueryList<ElementRef>

  ngAfterViewInit() {
    console.log(this.input.nativeElement.value);
    console.debug(this.divs);
  }

  ngOnInit() {
  }

}

非常感谢你。

Answer 1

console.debug（this.divs）应更改为 console.log（this.divs）

感谢Gunter！

Angular2 - 类型的参数＆＃39; QueryList <elementref>＆＃39;不能分配给＆＃39; string＆＃39;类型的参数。

1 个答案: