Question

我在PrimeNG的Tree组件的click事件上收到错误。我按照文档（https://www.primefaces.org/primeng/#/tree）中的说明跟踪了所有内容。工作得很好，除了点击事件。它不会丢弃内容..

- ERROR TypeError：eventTarget.className.indexOf不是函数 -

服务：

getFiles() {
 let url = "https://raw.githubusercontent.com/primefaces/primeng/master/src/assets/showcase/data/files.json";
 return this.http.get(url)
  .toPromise()
  .then(res => <TreeNode[]> res.json().data);
}

component.ts

export class UsersComponent implements OnInit {

 files: TreeNode[];

 constructor(private userService: UserService,
          private httpClient: HttpClient, 
          private nodeService: NodeService) { }  

  ngOnInit() {
    this.nodeService.getFiles().then(files => this.files = files);
 }

  nodeSelect(event) {
    //event.node = selected node
    console.log("Event: "+event);
  }
}

和component.html：

<div class="container" style="margin: 2%">
   <div class="container" style="background-color: white"> 
       <ul> 
          <li *ngFor="let file of files">{{file.label}}</li>
       </ul>
   </div>

   <p-tree [value]="files" (onNodeSelect)="nodeSelect($event)"></p-tree>

有什么想法？谢谢！

Answer 1

我在这里根据您的要求创建了Stackblitz。在这个示例中，我使用了httpclient。

选择节点后，您可以看到包含相关信息的控制台日志。更好的是，您可以将此源提供给您的本地环境并进行测试。

这是primeng documentation。

PrimeNG树组件的点击事件出错 -

1 个答案: