时间戳

首页 > 解决方案 > 在 Angular 6 中沿自定义 javascript 文件使用 jQuery

javascript - 在 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：我在 Angular 上待了 5 天，所以任何提示或建议都可以

标签： javascriptjqueryangularcomponents

解决方案

如果您使用 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';

然后将其用作正常功能。

希望它按预期工作。

推荐阅读