可重用的 jQuery 函数 - Angular

Posted 2023-05-09

【中文标题】可重用的 jQuery 函数 - Angular

【英文标题】：Reusable jQuery Function - Angular

【发布时间】：2021-04-26 20:28:30

【问题描述】：

我有一个自调用 jQuery 函数，它为表列添加了重新调整大小的功能 （来源：https://codepen.io/jasongardner/pen/QNOXym）

从 AfterViewInit 生命周期调用

ngAfterViewInit(): void 
    $(function () 
      var startX,startWidth,$handle,$table,pressed = false;
      //rest of functionality
 

由于我需要在整个应用程序中使用它，有没有办法为 Angular 项目创建 colRisezable(https://github.com/alvaro-prieto/colResizable) 插件类型的可重用组件？

【参考方案1】：

这是一个函数，您可以将它放在一个单独的共享文件中，并在需要时调用它。 你需要更有活力吗？您可以创建 Angular Attribute Directive，并将其添加到您需要的表中，您希望它变得更好吗？使用Renderedr2而不是jQuery，你不需要jQuery在这里你已经有了Angular提供的好方法