在 angular 6 中沿自定义 javascript 文件使用 jQuery

迪米特里斯·库纳拉基斯

我有这个 myjs.js 文件

function slide_down(id) {
    $('#' + id).slideToggle();
}
function open_team_info(id) {
    $('#team-info-' + id).css("visibility", "visible");
    $('#team-info-' + id).css("opacity", "1");
}
function close_team_info(id) {
    $('#team-info-' + id).css("visibility", "hidden");
    $('#team-info-' + id).css("opacity", "0");
}

我想在以下方面使用此功能

(点击)=a_function('someID')

在 HTML 中

如何从 myjs.js 文件将这些函数包含在我的组件中?

换句话说,是否有任何相关的解决方案,就像我们在纯 HTML 项目中所做的那样:

<script src="myjs.js"></script> 

PS:我有 5 天的时间使用 Angular,所以任何提示或建议都可以

阮友

如果您使用 Angular-Cli 创建 Angular 项目。然后你可以在myjs.ts文件src夹中创建一个文件

然后,为了使用这些功能,您必须先导出它们,如下所示:

export function fslideDown(id) {
  $('#' + id).slideToggle();
}
export function open_team_info(id) {
  $('#team-info-' + id).css('visibility', 'visible');
  $('#team-info-' + id).css('opacity', '1');
}
export function close_team_info(id) {
  $('#team-info-' + id).css('visibility', 'hidden');
  $('#team-info-' + id).css('opacity', '0');
}

在任何组件文件中,您可以像这样导入它们:

import { close_team_info, fslideDown, open_team_info } from '../../myjs';

然后将其用作正常功能。

希望它按预期工作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用jQuery的自定义JavaScript代码在Angular 5(angular-cli)中不起作用

如何在使用Laravel 6中导入自定义javascript和CSS文件

如何在 Shopware 6 中创建可在我的 Twig 文件中使用的自定义 Javascript?

如何在angular 6项目中使用自定义jquery代码?

如何在Angular 6中使用ngModel创建自定义输入组件?

使用angular 6中的自定义错误处理更新组件

如何上传自定义字体并在angular 6中动态使用它

在 angular 6 cli 项目中使用 Javascript 和 Jquery

如何在angular 4中使用自定义jquery插件

如何使用纯JavaScript在Ajax请求中添加自定义标头(非JQUERY)?

如何使用javascript或jquery验证自定义属性中是否存在某个值?

在 Angular 6 中使用 jQuery

在Angular中使用自定义Javascript库

Angular 6 表中的自定义下拉菜单

使用jquery或Javascript进行自定义表格排序

使用Javascript或Jquery获取自定义属性的值

使用Javascript或JQuery的自定义下载名称

使用jquery或javascript编写年份范围的自定义验证

使用 JavaScript (jQuery) 创建自定义计算

Angular / CLI 6.x中的自定义原理图构建没有错误,但是我无法使用它来生成文件

使用自定义JQuery文件

如何在angular 6中使用自定义指令渲染动态生成的嵌入式SVG

Ruby on Rails 6自定义JavaScript文件未捕获ReferenceError:未定义Rellax

Angular 6自定义输入组件

Angular 6的自定义分选管

如何在Angular 6中使用jQuery更新ngModel?

如何在Angular 6中使用jquery-ui

jBPM6中的文件自定义字段类型

何为angular 6项目全局添加自定义CSS文件