如何在组件中调用jQuery方法？

Question

我尝试在自己的组件中调用jQuery方法，但在HTML呈现后我无法调用此方法。我是这样想的：

var imageDataUrl = canvas.toDataURL();
$.ajax({
 url: "https://example.atlassian.com/rest/api/2/issue/" + issueKeyid + "/attachments",
 type: 'POST',
 data: {
  file: imageDataUrl
 },
 processData: false,
 contentType: 'multipart/form-data',
 beforeSend: function(xhr) {
  xhr.setRequestHeader("Authorization", "Basic " + btoa(username + ":" + password));
  xhr.setRequestHeader("X-Atlassian-Token","no-check");
 },
 success: function(data) {
  alert("issue created");

 },
 error: function(data) {
  console.log(data);
 }
});

但只有在HTML渲染后执行的方法是ngAfterViewChecked。它被召唤了很多次，但我只能称之为一次。我该怎么做？

Answer 1

我建议

1. 导入ElementRef

   从@ angular / core

导入{ElementRef}

2. 将其注入您的组件

   构造函数（private elementRef ElementRef）{}

3. 在ngOnInit

   中

   让element = $（this.elementRef.nativeElement）.find（'＃def'）;

我没有测试它，但试一试！