PrimeNG的Tree组件的点击事件错误- [英] Error on click event of Tree component of PrimeNG -

问题描述

我在PrimeNG的Tree组件的click事件中遇到错误.我已经按照文档中的说明进行了所有操作( https://www.primefaces.org/primeng/#/tree ).除了点击事件外，一切正常.它不会删除内容.

I'm getting a error on the click event of the Tree component of PrimeNG. I've followed everything as it is explained in the docs ( https://www.primefaces.org/primeng/#/tree). Worked just fine, except the click event. It doesn't drop the content..

-错误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

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:

and 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>

有什么想法吗?谢谢！

推荐答案

在这里，我创建了一个 Stackblitz.在此示例中，我使用了httpclient.

Here I created a Stackblitz with your requirement. In this sample I used httpclient.

选择节点后，您将看到带有相关信息的控制台日志.更好的是，您可以将此源获取到您的本地环境并进行测试.

Once you select the node you can see the console log with related information. Better you can get this source to your local environment and test it.

以下是主要文档文档.

这篇关于PrimeNG的Tree组件的点击事件错误-的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！