我在 Angular 中使用 jQuery 和 jquery-ui 时遇到问题。
我创建了一个函数，但是执行时出现错误：
$ 未定义。
我在这里留下 stackblitz 链接，看看我是否与进口商谈过，或者我是否需要其他东西。
【问题讨论】：
标签： javascript angular typescript
你不需要jquery 来做任何你想做的事情。 Angular 开箱即用。
您可以使用Angular's Event Binding将点击事件绑定到html元素：
<a href="javascript:void(0)" (click)="#proImage.click()">Upload Image</a>
<input type="file" #proImage name="pro-image" style="display: none;" (change)="fileChanged(#proImage.files)" class="form-control" multiple>
然后在你的组件中实现fileChanged(files: FileList)。
另外，请不要在 Angular 之外操作 DOM。不要使用 JQuery 在 DOM 中添加或删除元素。您很可能会想要使用 Angular 的 attribute binding， ngFor or ngIf directives。如果这些都不适合你使用 Angular 的Renderer2。
在 99.99% 的情况下，您不想使用 JQuery。请阅读 Angular 文档，其中大部分内容都有详细的示例和教程。
【讨论】：
如果你在 Angular 中使用 jquery，通常你会误用 Angular，或者没有充分利用它的潜力。 Omar 的上一个答案对其进行了广泛的解释。
但是，如果这是一些遗留代码，并且您立即需要它，则应将 jquery 添加到 angular.json 文件中的“脚本”中。
"scripts": ["node_modules/jquery/dist/jquery.min.js"]
接下来，您想以不同的方式从 hello.component 导入它。
import $ from "jquery";
声明没有必要：
declare var $: any;
【讨论】：