我有这个 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] 删除。
我来说两句