如何在angular中调用js文件的函数到typescript组件

在Angular中调用JavaScript文件的函数到TypeScript组件，可以通过以下步骤实现：

将JavaScript文件添加到Angular项目中。可以将JavaScript文件放置在项目的assets目录下或者在index.html文件中引入。
在TypeScript组件中引入JavaScript文件。使用import语句将JavaScript文件引入到TypeScript组件中，例如：
在TypeScript组件中引入JavaScript文件。使用import语句将JavaScript文件引入到TypeScript组件中，例如：
在TypeScript组件中调用JavaScript函数。通过调用引入的JavaScript文件中的函数，可以在TypeScript组件中使用JavaScript函数的功能，例如：
在TypeScript组件中调用JavaScript函数。通过调用引入的JavaScript文件中的函数，可以在TypeScript组件中使用JavaScript函数的功能，例如：

需要注意的是，调用JavaScript文件的函数时，确保JavaScript文件已经加载并可用。可以在Angular组件的ngOnInit生命周期钩子函数中进行调用，以确保JavaScript文件已加载。

关于Angular中调用JavaScript文件的函数到TypeScript组件的更详细信息，可以参考以下链接：

如何在angular中调用js文件的函数到typescript组件

javascript、angular、typescript

我已经将js文件放在assets文件夹中，并将其导入到index.html中。我需要在angular组件中使用js文件的函数var _via_reg_canvas = document.getElementById('region_canvas');}inside this ts ,

浏览 1提问于2020-02-18得票数 0

1回答

Angular -哪个引导程序最适合开发angular cli应用程序

angular、angular-cli、bootstrap-4、ng-bootstrap

我是第一次接触angular的世界。我想知道我应该使用哪个引导程序来开发我的angular应用程序。或我热衷于学习typescript，我已经在上面提到的Bootstrap4链接上工作过。如果我选择退出bootstrap 4，我如何将js调用转换为typescript调用，例如在js中打开模式会写成这样： $('#myModal').on('shown

浏览 13提问于2018-01-09得票数 1

回答已采纳

3回答

将Web App迁移到Angular 2

javascript、jquery、angular

我正在尝试将web应用程序移动到Angular2。我已经成功地将HTML和CSS分别迁移到了angular的component.html和component.css。但是，我在处理.js文件时遇到了问题。A = (function(w){ var scrollToElement = fu

浏览 2提问于2018-06-25得票数 0

1回答

在角6中使用PixiJs

angular、angular-cli、pixi.js

我无法将pixi连接到添加到angular.json中的角度 "../node_modules/pixi.js/lib/index.js"在课堂上： export class Render {/node_modules/pixi.js/

浏览 3提问于2018-06-12得票数 3

回答已采纳

1回答

如何添加外部js文件以在angular cli V 7.2.1上工作

angular

我正在将我的html css js代码转换成angular。我不能添加像isotope.pkgd.min.js这样的第三方js脚本。我将js文件放在angular.json文件中的脚本部分，它不会加载。, "src/assets/js/modernizr.custom.js",

浏览 14提问于2019-01-13得票数 2

1回答

如何访问在Angular模板中可以有多种数据类型的对象

angular、typescript

考虑使用一个TypeScript变量，它可以有几种数据类型之一。interface Dog {} 现在，在我的Angular模板代码中，我尝试访问对象属性individual.coatColor。在IntelliJ中，属性"coatColor“将不被接受，大概是因为individual也可能是一个根本没有属性coatColor的人。那么，即使只存在于几种适用的数据类型中的一种上，我如何

浏览 5提问于2019-11-13得票数 2

3回答

使用Angular2的语义UI -如何在组件中从jQuery设置边栏设置？

javascript、jquery、angular、sidebar、semantic-ui

我有一个Angular2应用程序，我想使用Semantic UI。然而，有一些类似下面的jQuery配置，我必须在加载组件后运行： .sidebar({context:$('#app')})通过在index.html的head中导入js文件或将其写入<em

浏览 1提问于2017-01-23得票数 4

回答已采纳

1回答

在Angular2应用程序中使用类型定义

types、typescript、angular、definitelytyped

我刚开始使用typescript，并且正在使用Angular 2应用程序。我需要访问一些js库，这些js库的类型定义可以从definitelytyped中获得。我使用类型安装了依赖项。但我不知道如何在我的应用组件中访问它们。/typings文件夹中的main.d.ts文件中。/// <

浏览 0提问于2016-02-24得票数 0

1回答

如何在Blazor组件中实现TypeScript隔离？

typescript、blazor-client-side、blazor-webassembly、isolation

/js/demo.js").AsTask(); { await module.InvokeVoidAsync("sayHi", name);但是，如何在Blazor组件中实现孤立的TypeScript连接，以调用TypeScript文件中</e

浏览 1提问于2020-11-11得票数 1

回答已采纳

1回答

尝试在Angular* 4应用程序中嵌入要点*

angular、typescript、gist

有没有一种方法可以嵌入要点，它是以脚本的形式给出的：src="https://gist.github.com/Slugpotato/bce9877d9c38d7415960e18fadc4efd7.js">我正在创建教程，所以如果可能的话，我不想把每个要点都保存在index.html文件中，而是放在与每个组件相关联的typesc

浏览 0提问于2018-03-20得票数 3

2回答

入门-如何在angular-cli中使用Google地图api

google-maps、angular、typescript、angular-cli

所以我使用angular-cli创建了一个项目，然后我意识到我需要一些第三方模块。如谷歌地图应用程序接口、lodash、jquery...etc。我知道Typescript的基础知识，但我如何在Angular2应用程序中使用这些模块？以前，只要使用JS，我就会包含js文件并引用api文档，以了解要引用和构建我的应用程序的方法。现在使用Angular2，我应该采取什么步骤来做同样<e

浏览 2提问于2017-03-16得票数 12

回答已采纳

1回答

在我现有的angular* 1.5企业项目中集成typescript模块*

javascript、angularjs、typescript、angular2-template

我可以在我现有的angular 1.5企业项目中集成一个typescript模块吗？主要的问题是:我能从js文件调用ts文件吗？它不是一个typescipt框架或API。控制器到组件的调用。

浏览 14提问于2017-07-19得票数 0

3回答

在角2中使用的system.config.js文件是什么？

node.js、angular、systemjs

还解释映射和包对象的所有配置属性。是否有可用配置的文档？这是我的系统控制文件 * System configuration for Angular samples '@angular/compil

浏览 7提问于2017-03-21得票数 8

回答已采纳

2回答

如何将函数返回到HTML (Angular)

javascript、html、angular、typescript

我试图理解Typescript和HTML是如何传递数据的。(打字)(HTML)如何将element.tradingpartnerid传递给typescript函数getContactByTradingPartnerId

浏览 39提问于2021-06-15得票数 0

回答已采纳

3回答

Angular 2:如果没有文件扩展名，系统导入应用程序将无法工作

angular、systemjs

我是Angular和systemjs的新手，但我会尽量具体一点。接下来，我想用systemjs通过我的index.html引导我的应用程序。但是我的import不接受不带扩展名的init (下面是我的init，它实际上是有效的)： Syste

浏览 1提问于2015-11-24得票数 9

1回答

加载angular2时遇到困难-无限滚动

javascript、angularjs、angular、npm

我的应用程序上有两个错误：Angular2-polyfills.js s.js:1243错误:加载(…)时出现XHR错误(404未找到)templateUrl: '/app/dapps/templates/dapps.component.html',onScroll () { console.log

浏览 3提问于2016-08-23得票数 0

1回答

有没有办法在html文件中使用typescript变量？

javascript、angular、typescript

如何在angular 4的index.html文件中使用在组件的typescript文件中定义的变量？

浏览 0提问于2018-03-27得票数 0

2回答

角度2组分可以外化吗？

git、angular、architecture、npm

TL；博士长版本

浏览 0提问于2016-11-02得票数 5

回答已采纳

1回答

Angular 2+将非模块导入TS

angular、typescript、ecmascript-6、ecmascript-5

然而，其中一个网站是非角度的，不支持“模块”，因此我无法在我的函数上使用“导出”。我的外部库： var foo = (function() { } }()); 我的问题是:如何在不导出的情况下将其导入到component.ts中？

浏览 11提问于2020-03-19得票数 0

回答已采纳

1回答

如何调用与Dart中的特定元素关联的JS函数？

dart、dart-js-interop

使用最新的包: JS，如何在Dart中调用与特定html元素/web组件关联的JS函数？示例:在名为OnsenUI的第三方框架中，我可以通过以下方式创建警报对话框 Test在html中。因此，我的问题是，我必须执行哪些操

浏览 1提问于2016-06-23得票数 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

如何在angular中调用js文件的函数到typescript组件

相关·内容

如何在angular中调用js文件的函数到typescript组件

Angular -哪个引导程序最适合开发angular cli应用程序

将Web App迁移到Angular 2

在角6中使用PixiJs

如何添加外部js文件以在angular cli V 7.2.1上工作

如何访问在Angular模板中可以有多种数据类型的对象

使用Angular2的语义UI -如何在组件中从jQuery设置边栏设置？

在Angular2应用程序中使用类型定义

如何在Blazor组件中实现TypeScript隔离？

尝试在Angular* 4应用程序中嵌入要点*

入门-如何在angular-cli中使用Google地图api

在我现有的angular* 1.5企业项目中集成typescript模块*

在角2中使用的system.config.js文件是什么？

如何将函数返回到HTML (Angular)

Angular 2:如果没有文件扩展名，系统导入应用程序将无法工作

加载angular2时遇到困难-无限滚动

有没有办法在html文件中使用typescript变量？

角度2组分可以外化吗？

Angular 2+将非模块导入TS

如何调用与Dart中的特定元素关联的JS函数？

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐