正文 

当前位置： 首页 > 源码 >

可重用的 jQuery 函数 - Angular

     2023-05-09     55

关键词：

【中文标题】可重用的 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提供的好方法

【讨论】：

Angular 可重用模块和组件

】Angular可重用模块和组件【英文标题】：AngularReusableModulesandComponents【发布时间】：2018-05-1807:35:08【问题描述】：与Angular2+共享可重用代码的正确/最佳方式是什么？我目前正在使用Angular4、VSCode、TypeScript、npm和AngularCLI。我是一... 查看详情

使用 Angular 9 和 Material 设计的可重用输入组件

】使用Angular9和Material设计的可重用输入组件【英文标题】：ReusableinputcomponentsusingAngular9andMaterialdesign【发布时间】：2020-07-3104:44:21【问题描述】：我正在尝试使用Angular9和材料设计创建一个可重用的输入组件。类似于下图。Textbox... 查看详情

如何使用 Ionic 3 和 Angular 4 创建可重用组件

】如何使用Ionic3和Angular4创建可重用组件【英文标题】：HowtocreateareusablecomponentwithIonic3andAngular4【发布时间】：2018-05-0304:31:04【问题描述】：我想为我的应用创建一个可重用的标头。所以，我做到了：创建组件（app-header）：app-hea... 查看详情

Angular 7 CSS在使用可重用组件时不起作用

】Angular7CSS在使用可重用组件时不起作用【英文标题】：Angular7CSSnotworkingwhileusingreusablecomponent【发布时间】：2019-06-2712:11:00【问题描述】：我是Angular的新手，来自React.js背景。我做了一个简单的网格组件，如下所示：grid.component.j... 查看详情

在 Angular 6 中使用具有输入属性的可重用组件

】在Angular6中使用具有输入属性的可重用组件【英文标题】：Usingre-usablecomponentinAngular6withinputproperties【发布时间】：2018-11-0709:48:17【问题描述】：我有三个组件：产品详细信息、产品卡片和产品数量。我在产品卡中使用产品数量... 查看详情

Angular 最佳实践：为了可重用性，创建新的 CSS 类或新组件？

】Angular最佳实践：为了可重用性，创建新的CSS类或新组件？【英文标题】：Angularbestpractice:forreusability,makenewCSSclassornewcomponent?【发布时间】：2020-01-1619:44:55【问题描述】：我有这个div和一组CSS属性（这些属性本身并不重要，它们... 查看详情

如何编写可重用的组件/模块？

...正在编写两个新网站。两者都有很多功能。是否可以使用Angular编写小组件/模块并在其他应用程序中重用它们？它的项目结构是什么，或者我可以使用ng-cli的结构吗？【问题讨论】：【参考方案1】：是的，我想这是可能的，因为... 查看详情

Angular Material mat-table 在组件中定义可重用列

】AngularMaterialmat-table在组件中定义可重用列【英文标题】：AngularMaterialmat-tabledefinereusablecolumnincomponent【发布时间】：2019-04-0514:44:08【问题描述】：任何人都知道是否可以创建一个与mat-table一起使用的“列”组件，我尝试为常用... 查看详情

可重用的构造函数 C++

】可重用的构造函数C++【英文标题】：ReusableconstructorsC++【发布时间】：2011-12-0120:01:23【问题描述】：OOP的基石之一是重用代码，而不是一遍又一遍地重复。因此，您的项目会缩短并变得更具可读性。C++为您提供了重用方法而不... 查看详情

显示 SVG 图标的 Angular 可重用组件的宽度/高度未在任何地方设置并位于图标正下方，stackblitz 内部

】显示SVG图标的Angular可重用组件的宽度/高度未在任何地方设置并位于图标正下方，stackblitz内部【英文标题】：AngularreusablecomponentthatdisplaysSVGiconshaswidth/heightnotsetanywhere&positionedrightundertheicon,stackblitzinside【发布时间】：2020-09-24... 查看详情

如何创建一个可重用的函数来设置变量对象属性的状态？

】如何创建一个可重用的函数来设置变量对象属性的状态？【英文标题】：HowcanIcreateareusablefunctionthatwillsetStateforavariableobjectproperty?【发布时间】：2020-01-0117:23:32【问题描述】：我有一个onChange函数来更新我所有表单输入的状态。... 查看详情

是否可以为 useSelector 创建一个可重用的函数？

】是否可以为useSelector创建一个可重用的函数？【英文标题】：IsitpossibletocreateareusablefunctionforuseSelector?【发布时间】：2022-01-1420:06:17【问题描述】：我很好奇是否有办法在redux中重用useSelector，因为我在不同的屏幕上多次使用它... 查看详情

以 angular2 模型驱动形式重用组件

】以angular2模型驱动形式重用组件【英文标题】：Reusecomponentsinangular2modeldrivenforms【发布时间】：2017-04-1423:09:19【问题描述】：我对angular2还很陌生，过去几天我一直在尝试使用模型驱动的表单创建可重用的表单组件假设我们有一... 查看详情

我想在 Django 中创建一个可重用的函数

】我想在Django中创建一个可重用的函数【英文标题】：IwanttocreateareusablefunctioninDjango【发布时间】：2018-03-0210:48:03【问题描述】：我是django的新手，并且一直在从事一个项目，我需要从我的django项目中的不同模块定期向我的客户... 查看详情

Vue 3 可重用错误处理和 handleSubmit 在可重用“useForm”函数中使用组合 api

】Vue3可重用错误处理和handleSubmit在可重用“useForm”函数中使用组合api【英文标题】：Vue3reusableerrorhandlingandhandleSubmitinreusable\'useForm\'functionusingthecompositionapi【发布时间】：2022-01-2218:31:59【问题描述】：在最近的一个网络应用中，... 查看详情

Angular 组件的条件渲染

】Angular组件的条件渲染【英文标题】：ConditionalRendingofaAngularComponent[closed]【发布时间】：2022-01-1816:04:54【问题描述】：我正在使用Ionic和Angular创建一个简单的MCQ论文。我正在尝试根据JSON数据文件呈现有角度的可重用组件。在我... 查看详情

来自不同命名空间的同名对象的可重用函数代码？

】来自不同命名空间的同名对象的可重用函数代码？【英文标题】：ReusableFunctionCodeForSame-NamedObjectsFromDifferentNamespaces?【发布时间】：2017-08-3110:26:24【问题描述】：我正在尝试为两个具有不同名称空间但包含具有相同名称和定义... 查看详情

用于数据库访问的可重用函数

】用于数据库访问的可重用函数【英文标题】：Reusablefunctionfordatabaseaccess【发布时间】：2016-04-1321:05:01【问题描述】：我目前正在发现并学习使用reactnative开发应用程序我没有太多关于JS/React等的背景知识（更习惯于C、java、objC... 查看详情