如何将jQuery代码集成到Angular 8中?

huangapple go评论121阅读模式
英文:

How to integrate jQuery code into Angular 8?

问题

I tried following this tutorial, but I get errors like Identifier expected., '{', or ';' expected., Parameter declaration expected., Cannot find name '$'. Did you mean the instance member 'this.$'? thrown out. The code is supposed to click on the treeview arrows to expand the view and then bind a click event to each single element.

Component.ts:

  1. import { Component, OnInit } from '@angular/core';
  2. @Component({
  3. selector: 'app-treeview-tab',
  4. templateUrl: './treeview-tab.component.html',
  5. styleUrls: ['./treeview-tab.component.scss']
  6. })
  7. export class TreeviewTabComponent implements OnInit {
  8. $(".tree-node").find("span").not("span[class*='toggle-children']").click(function (){console.log($(this))});
  9. constructor() { }
  10. // ...
  11. }

App.component.ts:

  1. import { Component, OnInit } from '@angular/core';
  2. declare var $: any;
  3. @Component({
  4. selector: 'app-root',
  5. templateUrl: './app.component.html',
  6. styleUrls: ['./app.component.scss']
  7. })
  8. export class AppComponent implements OnInit {
  9. title = 'Avior';
  10. constructor() {
  11. }
  12. ngOnInit() { }
  13. }

UPDATE

Rendered HTML, which is rendered by Angular and contains the treeview from the treeview plugin:

  1. <div><router-outlet></router-outlet><app-treeview-tab><tree-root ng-reflect-nodes="[object Object],[object Object" ng-reflect-options="[object Object]"><tree-viewport><!--bindings={
  2. "ng-reflect-mobx-autorun": "[object Object]"
  3. }--><!--... (omitted for brevity) ...--></tree-viewport></tree-root></app-treeview-tab></div>

1: Your link text here

英文:

I tried following this tutorial, but I get errors like Identifier expected., &#39;{&#39; or &#39;;&#39; expected., Parameter declaration expected., Cannot find name &#39;$&#39;. Did you mean the instance member &#39;this.$&#39;? thrown out. The code is supposed to click on the treeview arrows to expand the view and then bind a click event to each single element.

Component.ts:

  1. import { Component, OnInit } from &#39;@angular/core&#39;;
  2. @Component({
  3. selector: &#39;app-treeview-tab&#39;,
  4. templateUrl: &#39;./treeview-tab.component.html&#39;,
  5. styleUrls: [&#39;./treeview-tab.component.scss&#39;]
  6. })
  7. export class TreeviewTabComponent implements OnInit {
  8. $(&quot;.tree-node&quot;).find(&quot;span&quot;).not(&quot;span[class*=&#39;toggle-children&#39;]&quot;).click(function (){console.log($(this))});
  9. constructor() { }
  10. .....
  11. }
  12. }

App.component.ts:

  1. import { Component, OnInit } from &#39;@angular/core&#39;;
  2. declare var $: any;
  3. @Component({
  4. selector: &#39;app-root&#39;,
  5. templateUrl: &#39;./app.component.html&#39;,
  6. styleUrls: [&#39;./app.component.scss&#39;]
  7. })
  8. export class AppComponent implements OnInit {
  9. title = &#39;Avior&#39;;
  10. constructor() {
  11. }
  12. ngOnInit() { }
  13. }

UPDATE

Rendered HTML, which is rendered by Angular and contains the treeview from the treeview plugin:

  1. &lt;div _ngcontent-ais-c3=&quot;&quot;&gt;&lt;router-outlet _ngcontent-ais-c3=&quot;&quot;&gt;&lt;/router-outlet&gt;&lt;app-treeview-tab _nghost-ais-c4=&quot;&quot;&gt;&lt;tree-root _ngcontent-ais-c4=&quot;&quot; ng-reflect-nodes=&quot;[object Object],[object Object&quot; ng-reflect-options=&quot;[object Object]&quot;&gt;&lt;tree-viewport&gt;&lt;!--bindings={
  2. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  3. }--&gt;&lt;!----&gt;&lt;div style=&quot;height: auto;&quot;&gt;&lt;div class=&quot;angular-tree-component&quot;&gt;&lt;!--bindings={
  4. &quot;ng-reflect-ng-if&quot;: &quot;[object Object],[object Object&quot;
  5. }--&gt;&lt;tree-node-collection ng-reflect-nodes=&quot;[object Object],[object Object&quot; ng-reflect-tree-model=&quot;[object Object]&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  6. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  7. }--&gt;&lt;!----&gt;&lt;div style=&quot;margin-top: 0px;&quot;&gt;&lt;!--bindings={
  8. &quot;ng-reflect-ng-for-of&quot;: &quot;[object Object],[object Object&quot;,
  9. &quot;ng-reflect-ng-for-track-by&quot;: &quot;function (index, node) {\n &quot;
  10. }--&gt;&lt;tree-node ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;0&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  11. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  12. }--&gt;&lt;!----&gt;&lt;!--bindings={
  13. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  14. }--&gt;&lt;div class=&quot;tree-node-level-1 tree-node tree-node-expanded&quot;&gt;&lt;!--bindings={
  15. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  16. }--&gt;&lt;tree-node-drop-slot ng-reflect-node=&quot;[object Object]&quot; ng-reflect-drop-index=&quot;0&quot;&gt;&lt;div class=&quot;node-drop-slot&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function() {
  17. [native code]&quot;&gt;&lt;/div&gt;&lt;/tree-node-drop-slot&gt;&lt;tree-node-wrapper ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;0&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  18. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  19. }--&gt;&lt;div class=&quot;node-wrapper&quot; style=&quot;padding-left: 0px;&quot;&gt;&lt;!--bindings={}--&gt;&lt;tree-node-expander ng-reflect-node=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  20. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  21. }--&gt;&lt;!----&gt;&lt;!--bindings={
  22. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  23. }--&gt;&lt;span class=&quot;toggle-children-wrapper toggle-children-wrapper-expanded&quot;&gt;&lt;span class=&quot;toggle-children&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--bindings={
  24. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  25. }--&gt;&lt;!----&gt;&lt;/tree-node-expander&gt;&lt;div class=&quot;node-content-wrapper&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function (element, $event) {
  26. &quot; draggable=&quot;false&quot; ng-reflect-dragged-element=&quot;[object Object]&quot;&gt;&lt;tree-node-content ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;0&quot;&gt;&lt;!--bindings={
  27. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  28. }--&gt;&lt;span&gt;Admin&lt;/span&gt;&lt;!--bindings={
  29. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  30. }--&gt;&lt;/tree-node-content&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--bindings={
  31. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  32. }--&gt;&lt;/tree-node-wrapper&gt;&lt;tree-node-children ng-reflect-node=&quot;[object Object]&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  33. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  34. }--&gt;&lt;!----&gt;&lt;!--bindings={
  35. &quot;ng-reflect-animate-speed&quot;: &quot;1&quot;,
  36. &quot;ng-reflect-animate-acceleration&quot;: &quot;1.2&quot;,
  37. &quot;ng-reflect-is-open&quot;: &quot;true&quot;
  38. }--&gt;&lt;div class=&quot;tree-children&quot;&gt;&lt;!--bindings={
  39. &quot;ng-reflect-ng-if&quot;: &quot;[object Object],[object Object&quot;
  40. }--&gt;&lt;tree-node-collection ng-reflect-nodes=&quot;[object Object],[object Object&quot; ng-reflect-tree-model=&quot;[object Object]&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  41. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  42. }--&gt;&lt;!----&gt;&lt;div style=&quot;margin-top: 0px;&quot;&gt;&lt;!--bindings={
  43. &quot;ng-reflect-ng-for-of&quot;: &quot;[object Object],[object Object&quot;,
  44. &quot;ng-reflect-ng-for-track-by&quot;: &quot;function (index, node) {\n &quot;
  45. }--&gt;&lt;tree-node ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;0&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  46. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  47. }--&gt;&lt;!----&gt;&lt;!--bindings={
  48. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  49. }--&gt;&lt;div class=&quot;tree-node-level-2 tree-node tree-node-leaf&quot;&gt;&lt;!--bindings={
  50. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  51. }--&gt;&lt;tree-node-drop-slot ng-reflect-node=&quot;[object Object]&quot; ng-reflect-drop-index=&quot;0&quot;&gt;&lt;div class=&quot;node-drop-slot&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function() {
  52. [native code]&quot;&gt;&lt;/div&gt;&lt;/tree-node-drop-slot&gt;&lt;tree-node-wrapper ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;0&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  53. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  54. }--&gt;&lt;div class=&quot;node-wrapper&quot; style=&quot;padding-left: 0px;&quot;&gt;&lt;!--bindings={}--&gt;&lt;tree-node-expander ng-reflect-node=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  55. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  56. }--&gt;&lt;!----&gt;&lt;!--bindings={
  57. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  58. }--&gt;&lt;!--bindings={
  59. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  60. }--&gt;&lt;span class=&quot;toggle-children-placeholder&quot;&gt;&lt;/span&gt;&lt;!----&gt;&lt;/tree-node-expander&gt;&lt;div class=&quot;node-content-wrapper&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function (element, $event) {
  61. &quot; draggable=&quot;false&quot; ng-reflect-dragged-element=&quot;[object Object]&quot;&gt;&lt;tree-node-content ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;0&quot;&gt;&lt;!--bindings={
  62. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  63. }--&gt;&lt;span&gt;Name1&lt;/span&gt;&lt;!--bindings={
  64. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  65. }--&gt;&lt;/tree-node-content&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--bindings={
  66. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  67. }--&gt;&lt;/tree-node-wrapper&gt;&lt;tree-node-children ng-reflect-node=&quot;[object Object]&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  68. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  69. }--&gt;&lt;!----&gt;&lt;!--bindings={
  70. &quot;ng-reflect-animate-speed&quot;: &quot;1&quot;,
  71. &quot;ng-reflect-animate-acceleration&quot;: &quot;1.2&quot;
  72. }--&gt;&lt;!----&gt;&lt;/tree-node-children&gt;&lt;tree-node-drop-slot ng-reflect-node=&quot;[object Object]&quot; ng-reflect-drop-index=&quot;1&quot;&gt;&lt;div class=&quot;node-drop-slot&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function() {
  73. [native code]&quot;&gt;&lt;/div&gt;&lt;/tree-node-drop-slot&gt;&lt;/div&gt;&lt;!--bindings={
  74. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  75. }--&gt;&lt;!----&gt;&lt;/tree-node&gt;&lt;tree-node ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;1&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  76. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  77. }--&gt;&lt;!----&gt;&lt;!--bindings={
  78. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  79. }--&gt;&lt;div class=&quot;tree-node-level-2 tree-node tree-node-leaf&quot;&gt;&lt;!--bindings={
  80. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  81. }--&gt;&lt;tree-node-wrapper ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;1&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  82. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  83. }--&gt;&lt;div class=&quot;node-wrapper&quot; style=&quot;padding-left: 0px;&quot;&gt;&lt;!--bindings={}--&gt;&lt;tree-node-expander ng-reflect-node=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  84. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  85. }--&gt;&lt;!----&gt;&lt;!--bindings={
  86. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  87. }--&gt;&lt;!--bindings={
  88. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  89. }--&gt;&lt;span class=&quot;toggle-children-placeholder&quot;&gt;&lt;/span&gt;&lt;!----&gt;&lt;/tree-node-expander&gt;&lt;div class=&quot;node-content-wrapper&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function (element, $event) {
  90. &quot; draggable=&quot;false&quot; ng-reflect-dragged-element=&quot;[object Object]&quot;&gt;&lt;tree-node-content ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;1&quot;&gt;&lt;!--bindings={
  91. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  92. }--&gt;&lt;span&gt;Name2&lt;/span&gt;&lt;!--bindings={
  93. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  94. }--&gt;&lt;/tree-node-content&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--bindings={
  95. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  96. }--&gt;&lt;/tree-node-wrapper&gt;&lt;tree-node-children ng-reflect-node=&quot;[object Object]&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  97. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  98. }--&gt;&lt;!----&gt;&lt;!--bindings={
  99. &quot;ng-reflect-animate-speed&quot;: &quot;1&quot;,
  100. &quot;ng-reflect-animate-acceleration&quot;: &quot;1.2&quot;
  101. }--&gt;&lt;!----&gt;&lt;/tree-node-children&gt;&lt;tree-node-drop-slot ng-reflect-node=&quot;[object Object]&quot; ng-reflect-drop-index=&quot;2&quot;&gt;&lt;div class=&quot;node-drop-slot&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function() {
  102. [native code]&quot;&gt;&lt;/div&gt;&lt;/tree-node-drop-slot&gt;&lt;/div&gt;&lt;!--bindings={
  103. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  104. }--&gt;&lt;!----&gt;&lt;/tree-node&gt;&lt;/div&gt;&lt;/tree-node-collection&gt;&lt;!--bindings={
  105. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  106. }--&gt;&lt;/div&gt;&lt;!----&gt;&lt;/tree-node-children&gt;&lt;tree-node-drop-slot ng-reflect-node=&quot;[object Object]&quot; ng-reflect-drop-index=&quot;1&quot;&gt;&lt;div class=&quot;node-drop-slot&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function() {
  107. [native code]&quot;&gt;&lt;/div&gt;&lt;/tree-node-drop-slot&gt;&lt;/div&gt;&lt;!--bindings={
  108. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  109. }--&gt;&lt;!----&gt;&lt;/tree-node&gt;&lt;tree-node ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;1&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  110. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  111. }--&gt;&lt;!----&gt;&lt;!--bindings={
  112. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  113. }--&gt;&lt;div class=&quot;tree-node-level-1 tree-node tree-node-expanded&quot;&gt;&lt;!--bindings={
  114. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  115. }--&gt;&lt;tree-node-wrapper ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;1&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  116. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  117. }--&gt;&lt;div class=&quot;node-wrapper&quot; style=&quot;padding-left: 0px;&quot;&gt;&lt;!--bindings={}--&gt;&lt;tree-node-expander ng-reflect-node=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  118. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  119. }--&gt;&lt;!----&gt;&lt;!--bindings={
  120. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  121. }--&gt;&lt;span class=&quot;toggle-children-wrapper toggle-children-wrapper-expanded&quot;&gt;&lt;span class=&quot;toggle-children&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--bindings={
  122. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  123. }--&gt;&lt;!----&gt;&lt;/tree-node-expander&gt;&lt;div class=&quot;node-content-wrapper&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function (element, $event) {
  124. &quot; draggable=&quot;false&quot; ng-reflect-dragged-element=&quot;[object Object]&quot;&gt;&lt;tree-node-content ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;1&quot;&gt;&lt;!--bindings={
  125. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  126. }--&gt;&lt;span&gt;Anwender&lt;/span&gt;&lt;!--bindings={
  127. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  128. }--&gt;&lt;/tree-node-content&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--bindings={
  129. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  130. }--&gt;&lt;/tree-node-wrapper&gt;&lt;tree-node-children ng-reflect-node=&quot;[object Object]&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  131. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  132. }--&gt;&lt;!----&gt;&lt;!--bindings={
  133. &quot;ng-reflect-animate-speed&quot;: &quot;1&quot;,
  134. &quot;ng-reflect-animate-acceleration&quot;: &quot;1.2&quot;,
  135. &quot;ng-reflect-is-open&quot;: &quot;true&quot;
  136. }--&gt;&lt;div class=&quot;tree-children&quot;&gt;&lt;!--bindings={
  137. &quot;ng-reflect-ng-if&quot;: &quot;[object Object],[object Object&quot;
  138. }--&gt;&lt;tree-node-collection ng-reflect-nodes=&quot;[object Object],[object Object&quot; ng-reflect-tree-model=&quot;[object Object]&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  139. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  140. }--&gt;&lt;!----&gt;&lt;div style=&quot;margin-top: 0px;&quot;&gt;&lt;!--bindings={
  141. &quot;ng-reflect-ng-for-of&quot;: &quot;[object Object],[object Object&quot;,
  142. &quot;ng-reflect-ng-for-track-by&quot;: &quot;function (index, node) {\n &quot;
  143. }--&gt;&lt;tree-node ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;0&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  144. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  145. }--&gt;&lt;!----&gt;&lt;!--bindings={
  146. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  147. }--&gt;&lt;div class=&quot;tree-node-level-2 tree-node tree-node-leaf&quot;&gt;&lt;!--bindings={
  148. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  149. }--&gt;&lt;tree-node-drop-slot ng-reflect-node=&quot;[object Object]&quot; ng-reflect-drop-index=&quot;0&quot;&gt;&lt;div class=&quot;node-drop-slot&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function() {
  150. [native code]&quot;&gt;&lt;/div&gt;&lt;/tree-node-drop-slot&gt;&lt;tree-node-wrapper ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;0&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  151. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  152. }--&gt;&lt;div class=&quot;node-wrapper&quot; style=&quot;padding-left: 0px;&quot;&gt;&lt;!--bindings={}--&gt;&lt;tree-node-expander ng-reflect-node=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  153. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  154. }--&gt;&lt;!----&gt;&lt;!--bindings={
  155. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  156. }--&gt;&lt;!--bindings={
  157. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  158. }--&gt;&lt;span class=&quot;toggle-children-placeholder&quot;&gt;&lt;/span&gt;&lt;!----&gt;&lt;/tree-node-expander&gt;&lt;div class=&quot;node-content-wrapper&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function (element, $event) {
  159. &quot; draggable=&quot;false&quot; ng-reflect-dragged-element=&quot;[object Object]&quot;&gt;&lt;tree-node-content ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;0&quot;&gt;&lt;!--bindings={
  160. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  161. }--&gt;&lt;span&gt;Name3&lt;/span&gt;&lt;!--bindings={
  162. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  163. }--&gt;&lt;/tree-node-content&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--bindings={
  164. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  165. }--&gt;&lt;/tree-node-wrapper&gt;&lt;tree-node-children ng-reflect-node=&quot;[object Object]&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  166. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  167. }--&gt;&lt;!----&gt;&lt;!--bindings={
  168. &quot;ng-reflect-animate-speed&quot;: &quot;1&quot;,
  169. &quot;ng-reflect-animate-acceleration&quot;: &quot;1.2&quot;
  170. }--&gt;&lt;!----&gt;&lt;/tree-node-children&gt;&lt;tree-node-drop-slot ng-reflect-node=&quot;[object Object]&quot; ng-reflect-drop-index=&quot;1&quot;&gt;&lt;div class=&quot;node-drop-slot&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function() {
  171. [native code]&quot;&gt;&lt;/div&gt;&lt;/tree-node-drop-slot&gt;&lt;/div&gt;&lt;!--bindings={
  172. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  173. }--&gt;&lt;!----&gt;&lt;/tree-node&gt;&lt;tree-node ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;1&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  174. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  175. }--&gt;&lt;!----&gt;&lt;!--bindings={
  176. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  177. }--&gt;&lt;div class=&quot;tree-node-level-2 tree-node tree-node-leaf&quot;&gt;&lt;!--bindings={
  178. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  179. }--&gt;&lt;tree-node-wrapper ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;1&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  180. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  181. }--&gt;&lt;div class=&quot;node-wrapper&quot; style=&quot;padding-left: 0px;&quot;&gt;&lt;!--bindings={}--&gt;&lt;tree-node-expander ng-reflect-node=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  182. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  183. }--&gt;&lt;!----&gt;&lt;!--bindings={
  184. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  185. }--&gt;&lt;!--bindings={
  186. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  187. }--&gt;&lt;span class=&quot;toggle-children-placeholder&quot;&gt;&lt;/span&gt;&lt;!----&gt;&lt;/tree-node-expander&gt;&lt;div class=&quot;node-content-wrapper&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function (element, $event) {
  188. &quot; draggable=&quot;false&quot; ng-reflect-dragged-element=&quot;[object Object]&quot;&gt;&lt;tree-node-content ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;1&quot;&gt;&lt;!--bindings={
  189. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  190. }--&gt;&lt;span&gt;Name4&lt;/span&gt;&lt;!--bindings={
  191. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  192. }--&gt;&lt;/tree-node-content&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--bindings={
  193. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  194. }--&gt;&lt;/tree-node-wrapper&gt;&lt;tree-node-children ng-reflect-node=&quot;[object Object]&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  195. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  196. }--&gt;&lt;!----&gt;&lt;!--bindings={
  197. &quot;ng-reflect-animate-speed&quot;: &quot;1&quot;,
  198. &quot;ng-reflect-animate-acceleration&quot;: &quot;1.2&quot;
  199. }--&gt;&lt;!----&gt;&lt;/tree-node-children&gt;&lt;tree-node-drop-slot ng-reflect-node=&quot;[object Object]&quot; ng-reflect-drop-index=&quot;2&quot;&gt;&lt;div class=&quot;node-drop-slot&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function() {
  200. [native code]&quot;&gt;&lt;/div&gt;&lt;/tree-node-drop-slot&gt;&lt;/div&gt;&lt;!--bindings={
  201. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  202. }--&gt;&lt;!----&gt;&lt;/tree-node&gt;&lt;/div&gt;&lt;/tree-node-collection&gt;&lt;!--bindings={
  203. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  204. }--&gt;&lt;/div&gt;&lt;!----&gt;&lt;/tree-node-children&gt;&lt;tree-node-drop-slot ng-reflect-node=&quot;[object Object]&quot; ng-reflect-drop-index=&quot;2&quot;&gt;&lt;div class=&quot;node-drop-slot&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function() {
  205. [native code]&quot;&gt;&lt;/div&gt;&lt;/tree-node-drop-slot&gt;&lt;/div&gt;&lt;!--bindings={
  206. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  207. }--&gt;&lt;!----&gt;&lt;/tree-node&gt;&lt;tree-node ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;2&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  208. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  209. }--&gt;&lt;!----&gt;&lt;!--bindings={
  210. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  211. }--&gt;&lt;div class=&quot;tree-node-level-1 tree-node tree-node-active tree-node-focused tree-node-expanded&quot;&gt;&lt;!--bindings={
  212. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  213. }--&gt;&lt;tree-node-wrapper ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;2&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  214. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  215. }--&gt;&lt;div class=&quot;node-wrapper&quot; style=&quot;padding-left: 0px;&quot;&gt;&lt;!--bindings={}--&gt;&lt;tree-node-expander ng-reflect-node=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  216. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  217. }--&gt;&lt;!----&gt;&lt;!--bindings={
  218. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  219. }--&gt;&lt;span class=&quot;toggle-children-wrapper toggle-children-wrapper-expanded&quot;&gt;&lt;span class=&quot;toggle-children&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--bindings={
  220. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  221. }--&gt;&lt;!----&gt;&lt;/tree-node-expander&gt;&lt;div class=&quot;node-content-wrapper node-content-wrapper-active node-content-wrapper-focused&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function (element, $event) {
  222. &quot; draggable=&quot;false&quot; ng-reflect-dragged-element=&quot;[object Object]&quot;&gt;&lt;tree-node-content ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;2&quot;&gt;&lt;!--bindings={
  223. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  224. }--&gt;&lt;span&gt;Entwickler&lt;/span&gt;&lt;!--bindings={
  225. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  226. }--&gt;&lt;/tree-node-content&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--bindings={
  227. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  228. }--&gt;&lt;/tree-node-wrapper&gt;&lt;tree-node-children ng-reflect-node=&quot;[object Object]&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  229. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  230. }--&gt;&lt;!----&gt;&lt;!--bindings={
  231. &quot;ng-reflect-animate-speed&quot;: &quot;1&quot;,
  232. &quot;ng-reflect-animate-acceleration&quot;: &quot;1.2&quot;,
  233. &quot;ng-reflect-is-open&quot;: &quot;true&quot;
  234. }--&gt;&lt;div class=&quot;tree-children&quot;&gt;&lt;!--bindings={
  235. &quot;ng-reflect-ng-if&quot;: &quot;[object Object]&quot;
  236. }--&gt;&lt;tree-node-collection ng-reflect-nodes=&quot;[object Object]&quot; ng-reflect-tree-model=&quot;[object Object]&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  237. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  238. }--&gt;&lt;!----&gt;&lt;div style=&quot;margin-top: 0px;&quot;&gt;&lt;!--bindings={
  239. &quot;ng-reflect-ng-for-of&quot;: &quot;[object Object]&quot;,
  240. &quot;ng-reflect-ng-for-track-by&quot;: &quot;function (index, node) {\n &quot;
  241. }--&gt;&lt;tree-node ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;0&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  242. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  243. }--&gt;&lt;!----&gt;&lt;!--bindings={
  244. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  245. }--&gt;&lt;div class=&quot;tree-node-level-2 tree-node tree-node-leaf&quot;&gt;&lt;!--bindings={
  246. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  247. }--&gt;&lt;tree-node-drop-slot ng-reflect-node=&quot;[object Object]&quot; ng-reflect-drop-index=&quot;0&quot;&gt;&lt;div class=&quot;node-drop-slot&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function() {
  248. [native code]&quot;&gt;&lt;/div&gt;&lt;/tree-node-drop-slot&gt;&lt;tree-node-wrapper ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;0&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  249. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  250. }--&gt;&lt;div class=&quot;node-wrapper&quot; style=&quot;padding-left: 0px;&quot;&gt;&lt;!--bindings={}--&gt;&lt;tree-node-expander ng-reflect-node=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  251. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  252. }--&gt;&lt;!----&gt;&lt;!--bindings={
  253. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  254. }--&gt;&lt;!--bindings={
  255. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  256. }--&gt;&lt;span class=&quot;toggle-children-placeholder&quot;&gt;&lt;/span&gt;&lt;!----&gt;&lt;/tree-node-expander&gt;&lt;div class=&quot;node-content-wrapper&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function (element, $event) {
  257. &quot; draggable=&quot;false&quot; ng-reflect-dragged-element=&quot;[object Object]&quot;&gt;&lt;tree-node-content ng-reflect-node=&quot;[object Object]&quot; ng-reflect-index=&quot;0&quot;&gt;&lt;!--bindings={
  258. &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  259. }--&gt;&lt;span&gt;Name5&lt;/span&gt;&lt;!--bindings={
  260. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  261. }--&gt;&lt;/tree-node-content&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--bindings={
  262. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  263. }--&gt;&lt;/tree-node-wrapper&gt;&lt;tree-node-children ng-reflect-node=&quot;[object Object]&quot; ng-reflect-templates=&quot;[object Object]&quot;&gt;&lt;!--bindings={
  264. &quot;ng-reflect-mobx-autorun&quot;: &quot;[object Object]&quot;
  265. }--&gt;&lt;!----&gt;&lt;!--bindings={
  266. &quot;ng-reflect-animate-speed&quot;: &quot;1&quot;,
  267. &quot;ng-reflect-animate-acceleration&quot;: &quot;1.2&quot;
  268. }--&gt;&lt;!----&gt;&lt;/tree-node-children&gt;&lt;tree-node-drop-slot ng-reflect-node=&quot;[object Object]&quot; ng-reflect-drop-index=&quot;1&quot;&gt;&lt;div class=&quot;node-drop-slot&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function() {
  269. [native code]&quot;&gt;&lt;/div&gt;&lt;/tree-node-drop-slot&gt;&lt;/div&gt;&lt;!--bindings={
  270. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  271. }--&gt;&lt;!----&gt;&lt;/tree-node&gt;&lt;/div&gt;&lt;/tree-node-collection&gt;&lt;!--bindings={
  272. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  273. }--&gt;&lt;/div&gt;&lt;!----&gt;&lt;/tree-node-children&gt;&lt;tree-node-drop-slot ng-reflect-node=&quot;[object Object]&quot; ng-reflect-drop-index=&quot;3&quot;&gt;&lt;div class=&quot;node-drop-slot&quot; ng-reflect-allow-dragover-styling=&quot;true&quot; ng-reflect-tree-allow-drop=&quot;function() {
  274. [native code]&quot;&gt;&lt;/div&gt;&lt;/tree-node-drop-slot&gt;&lt;/div&gt;&lt;!--bindings={
  275. &quot;ng-reflect-ng-template-outlet-context&quot;: &quot;[object Object]&quot;
  276. }--&gt;&lt;!----&gt;&lt;/tree-node&gt;&lt;/div&gt;&lt;/tree-node-collection&gt;&lt;!--bindings={
  277. &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  278. }--&gt;&lt;/div&gt;&lt;/div&gt;&lt;/tree-viewport&gt;&lt;/tree-root&gt;&lt;/app-treeview-tab&gt;&lt;/div&gt;

答案1

得分: 2

确保您已安装了JQuery。要安装JQuery,请按照以下步骤进行:

  1. 使用npm安装jQuery:
  1. npm install jquery --save
  1. 转到您的Angular CLI项目文件夹根目录中的./angular-cli.json文件,并找到scripts: []属性,将jQuery的路径包含在其中:
  1. "scripts": [ "../node_modules/jquery/dist/jquery.min.js" ]
  1. 现在您需要在想要使用jQuery的任何组件中导入它:
  1. import * as $ from 'jquery';
  2. // 或者
  3. declare var $: any;

为了确保Jquery正在工作:

  1. public ngOnInit() {
  2. $(document).ready(function(){
  3. // 现在可以使用您的代码
  4. // $(".tree-node").find("span").not("span[class*='toggle-children']").click(function (){console.log($(this))});
  5. $('.tree-node > span:not(.toggle-children)').off('click').on('click', function(){
  6. console.log('clicked');
  7. });
  8. });
  9. }

编辑 获取元素的HTML:

  1. $('div span').each(function(){
  2. alert($(this).html());
  3. });
  1. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
  2. <div id="banner-message">
  3. <span>First </span>
  4. <span>Second </span>
  5. <span>Thirs </span>
  6. </div>
英文:

Make sure you have installed Jquery.To Install JQuery follow below steps

  1. install jQuery using npm as

npm install jquery — save.

  1. Navigate to the ./angular-cli.json file at the root of your Angular CLI project folder, and find the scripts: [] property, and include the path to jQuery

&quot;scripts&quot;: [ &quot;../node_modules/jquery/dist/jquery.min.js&quot; ]

  1. Now you have to do is to import it in whatever component you want to use jQuery

    1. import * as $ from &#39;jquery&#39;;
    2. (or)
    3. declare var $: any;

To make sure Jquery is working

  1. public ngOnInit() {
  2. $(document).ready(function(){
  3. // Now use your code
  4. // $(&quot;.tree-node&quot;).find(&quot;span&quot;).not(&quot;span[class*=&#39;toggle-children&#39;]&quot;).click(function (){console.log($(this))});
  5. $(&#39;.tree-node &gt; span:not(.toggle-children)&#39;).off(&#39;click&#39;).on(&#39;click&#39;, function(){
  6. console.log(&#39;clicked&#39;);
  7. }) }); }

Edit To get html of elements.

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

  1. $(&#39;div span&#39;).each(function(){
  2. alert($(this).html());
  3. })

<!-- language: lang-html -->

  1. &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js&quot;&gt;&lt;/script&gt;
  2. &lt;div id=&quot;banner-message&quot;&gt;
  3. &lt;span&gt;First &lt;/span&gt;
  4. &lt;span&gt;Second &lt;/span&gt;
  5. &lt;span&gt;Thirs &lt;/span&gt;
  6. &lt;/div&gt;

<!-- end snippet -->

答案2

得分: 1

你之所以收到异常是因为在class声明内部存在代码执行,但没有包装在一个函数内。

  1. import { Component, OnInit } from '@angular/core';
  2. @Component({
  3. selector: 'app-treeview-tab',
  4. templateUrl: './treeview-tab.component.html',
  5. styleUrls: ['./treeview-tab.component.scss']
  6. })
  7. export class TreeviewTabComponent implements OnInit {
  8. constructor() {
  9. $(".tree-node").find("span").not("span[class*='toggle-children']").click(function (){console.log($(this))}); <!-- moved -->
  10. }
  11. }

将你的jQuery函数移到其他位置将解决你的问题,并且在实例化TreeviewTabComponent类时也会执行它。

英文:

The reason you're getting an exception if because there's code-execution within a class declaration without it being wrapped within a function.

  1. import { Component, OnInit } from &#39;@angular/core&#39;;
  2. @Component({
  3. selector: &#39;app-treeview-tab&#39;,
  4. templateUrl: &#39;./treeview-tab.component.html&#39;,
  5. styleUrls: [&#39;./treeview-tab.component.scss&#39;]
  6. })
  7. export class TreeviewTabComponent implements OnInit {
  8. constructor() {
  9. $(&quot;.tree-node&quot;).find(&quot;span&quot;).not(&quot;span[class*=&#39;toggle-children&#39;]&quot;).click(function (){console.log($(this))}); &lt;!-- moved --&gt;
  10. }
  11. }

Moving your jQuery function will resolve your issue and will also execute it when the TreeviewTabComponent class is being instanced.

答案3

得分: 0

在您的 function 中使用它。不要在函数外使用。

  1. import { Component, OnInit } from '@angular/core';
  2. declare var $: any;
  3. @Component({
  4. selector: 'app-treeview-tab',
  5. templateUrl: './treeview-tab.component.html',
  6. styleUrls: ['./treeview-tab.component.scss']
  7. })
  8. export class TreeviewTabComponent implements OnInit {
  9. constructor() {
  10. $(".tree-node").find("span").not("span[class*='toggle-children']").click(function (){
  11. console.log($(this))
  12. });
  13. }
  14. }
英文:

Use it in either of your function. Not outside of the function.

  1. import { Component, OnInit } from &#39;@angular/core&#39;;
  2. declare var $: any;
  3. @Component({
  4. selector: &#39;app-treeview-tab&#39;,
  5. templateUrl: &#39;./treeview-tab.component.html&#39;,
  6. styleUrls: [&#39;./treeview-tab.component.scss&#39;]
  7. })
  8. export class TreeviewTabComponent implements OnInit {
  9. constructor() {
  10. $(&quot;.tree-node&quot;).find(&quot;span&quot;).not(&quot;span[class*=&#39;toggle-children&#39;]&quot;).click(function (){
  11. console.log($(this))
  12. });
  13. }
  14. }

huangapple
  • 本文由 发表于 2020年1月6日 17:55:18
  • 转载请务必保留本文链接:https://go.coder-hub.com/59609939.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定