Angular 9.1.1允许angular组件访问主和运行时包外部的javascript
Angular是一种流行的前端开发框架，用于构建Web应用程序。Angular 9.1.1是Angular的一个版本，它引入了一些新的功能和改进。
在Angular中，组件是构建Web应用程序的基本构建块。组件可以访问主和运行时包外部的JavaScript，可以通过以下几种方式实现：
- 使用全局对象：在组件中，可以直接使用全局对象（如window对象）来访问主和运行时包外部的JavaScript。例如，可以使用window对象的属性和方法来操作浏览器窗口、处理Cookie等。
- 使用第三方库：可以通过引入第三方JavaScript库来扩展组件的功能。在Angular中，可以使用npm包管理器来安装和管理第三方库。安装后，可以在组件中使用import语句来引入库，并使用库提供的功能。
- 使用Angular的平台封装：Angular提供了一些平台封装，用于与主和运行时包外部的JavaScript进行交互。例如，可以使用Angular的HttpClient模块来发送HTTP请求，与后端API进行通信。
- 使用自定义指令：可以编写自定义指令来扩展组件的功能，并与主和运行时包外部的JavaScript进行交互。自定义指令可以通过@HostListener装饰器监听DOM事件，并在事件发生时执行相应的JavaScript代码。
总结起来，Angular 9.1.1允许组件通过全局对象、第三方库、Angular的平台封装和自定义指令等方式访问主和运行时包外部的JavaScript。这样可以扩展组件的功能，并与外部JavaScript进行交互。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎 TKE：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动应用开发平台（MPS）：https://cloud.tencent.com/product/mps
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
1回答
Angular 9.1.1允许angular组件访问主和运行时包外部的javascript
javascript、angular、typescript
我有一个Angular 9.1.1项目，其中包含一个Typescript文件，命名为/src/app/omedata.ts，其中包含一个导出的常量字符串数组，如下所示： export const SomeData: string[] = [ 'string 2'
]; 它由/src/app/app.component.ts中的主要Angular组件<
浏览 11提问于2020-07-01得票数 1
回答已采纳
3回答
角9 i18n迁移失败测试
angular、angular9、angular-i18n、testbed
我正在升级从角8.0到角9.1.1。只要做一点点工作，一切都会正常运转。我遇到了本地化问题，并遵循这些说明-这允许我的项目构建和运行！然而，当我运行测试(业力/茉莉花)时，我仍然会遇到这个问题。来自失败测试组件模板的HTML示例是： label只需删除i18n就可以运行和通过测试--但这并不是应用程序运行时的运行时错误。我的package.j
浏览 4提问于2020-04-14得票数 8
回答已采纳
1回答
如何将自定义包使用到角指令中
javascript、node.js、angularjs、reactjs、babeljs
Hi I有一个角v1.x应用程序和一个react自定义包.
import app from '../..$watch('scopeval', function(newValue, oldValue) {
if (angular.isDefined(newValue)) {，所以‘我的<e
浏览 1提问于2019-11-25得票数 0
2回答
Angular 10+将base64图像转换为表单数据
angular、base64、multipart
我有一个外部组件，它将上传内容转换为base64，并将其发送到本地API。最新的需求表明我应该以multipart/form-data的形式发送它。考虑到我不能从外部组件请求，我能用角度拦截器在本地实现吗？
浏览 13提问于2021-04-14得票数 0
1回答
如何将Angular 5与不同的javascript代码源结合起来？
javascript、angular
我对angular还是个新手。element.append(scriptElem)
但是，我需要结合像这样<em
浏览 0提问于2018-04-16得票数 0
1回答
在angular2+webpack应用程序中使用外部库
angular、webpack-2
我是angular 2的新手，正在编写一个新的客户端angular2 cli生成的应用程序(使用webpack2)。我的组件需要使用这个外部库中的splunkjs对象。我希望能够访问这个splunkjs对象，但我无法在angular2应用程序的组件中这样做：在独立的<e
浏览 1提问于2017-04-04得票数 0
1回答
从外部源加载angular6动态模块
webpack、angular-routing、angular6、dynamic-loading
我有一个用例，其中我需要在angular6容器应用程序中从外部源加载模块。这些模块也是由不同团队编写的angular6应用程序，它们生成包，这些包将在运行时由容器应用程序在用户导航上加载。我尝试过angular元素，但它们更像是小部件，在这些小部件中处理内部路由在容器应用程序中处理起来很麻烦。
我在运行时无法在容器应用程序中加载角度束，因为webpack不允许这种行为。
浏览 2提问于2018-06-21得票数 0
1回答
在angular 4中如何通过原生javascript调用angular函数？
android、angular
在Angular 1.x中，我们可以使用angular.element(appElement).scope()来获取$scope，然后使用$apply()，这样原生javascript就可以直接调用angular而在Angular 4中，我们如何通过原生javascript或android原生调用angular函数或双向绑定。例如：
web是angular 4开发的，在android的webview中会用到，所以需要
浏览 33提问于2017-07-14得票数 3
回答已采纳
1回答
配置webpack以不绑定angularjs库
angularjs、webpack
我有一个AngularJS (1.5.8)应用程序，我使用webpack创建了应用程序本身所需的所有库包。出于一些技术原因，我不需要在我的应用程序包中绑定angularjs库，而是使用在我的index.html中作为脚本标签导入的角库，这对webpack来说是可能的吗？
谢谢你，加布
浏览 1提问于2016-12-30得票数 1
回答已采纳
2回答
如何在Angular 2+中使用jqGrid？
angular、jqgrid、angular2-directives
在我目前的项目中，我们几乎在每个页面中都使用了jqGrid。我们使用了网格的丰富功能集，包括复杂的网格内联行编辑、下拉列表、复选框和其他控件、排序、列过滤等。现在我们希望将我们的项目转换为angular 2，但我们的主要问题是替换jqGrid的丰富功能集。在开始之前，我需要做一些POC，如果所有的功能都可以在基于角度2的网格中完成。如何在Angular 2+中使用jqGrid？
浏览 4提问于2017-04-18得票数 3
1回答
在laravel/angular中实现Leaflet控件OSM地理编码器
angularjs、laravel、leaflet、geocode
我已经在我的Laravel应用程序中成功地实现了leaflet (bower包)和OSM Geocoder ()。Laravel是通过angular控制的，但OSM地理编码器只是添加到另一个javascript文件中。
我可以通过angular实现OSM地理编码器代码吗？或者如果这是不可能的，我如何从我的angular控制器内部的angular外部访问变量和函数？
浏览 2提问于2015-08-15得票数 1
3回答
如何通过组件在AngularDart应用中显示HTML代码片段？
dart、angular-dart、dart-html
我试图在angularDart应用程序中通过IMDB plugin HTML代码片段显示IMDB评级，但通过组件显示它不起作用。它只显示徽标，而不呈现显示评级的脚本。 </material-toggle></div>import 'package:angular/angular.da
浏览 0提问于2018-08-01得票数 0
1回答
如何使用模型数据和angular js
angularjs、asp.net-mvc
我想这样设计我的页面。假设当第一次请求控制器时，模型数据将被传递给视图，而angular将捕获数据并构建一个表格UI。 return View(data);视图
<script type="text/javascriptHtml.Raw(Json.Encode(Model.ToList
浏览 1提问于2015-10-06得票数 0
1回答
在Angular2中创建链接组件
javascript、angular
希望在Angular 2中创建包装器组件，类似于和其他工具允许您创建包装器组件的方式。希望能够重用组件，这样我们就不必每次都重复结构。，然后在子组件中访问子组件的angular2方式是什么。我知道@Input装饰器允许您指定要传递的属性，然后您可以在父组件中使用[]绑定到该属性，但我不确定组件中的最佳访
浏览 0提问于2016-03-18得票数 0
5回答
angularjs和angular cli有什么区别？
angularjs、angular-cli
在angular中有两个可用的东西: 1.angular cli 2.angular
请简要描述一下。谢谢
浏览 0提问于2017-08-01得票数 17
2回答
在VScode，angular中的component.html文件中，标记<script>中的代码不起作用
javascript、html、angular、visual-studio-code
我的问题是，即使我已经包含了标签在index.html中 });
</body>
浏览 1提问于2018-11-07得票数 0
1回答
什么是angular2-mdl，我在哪里可以找到它，它提供了什么？
javascript、angular、material-design、angular2-mdl、angular-mdl
浏览 4提问于2016-08-31得票数 3
回答已采纳
1回答
Angular2 npm软件包-我怎么知道下载什么？
javascript、angularjs、angular、npm
js，我也不知道我应该包括哪些文件才能使用其他组件。例如，我想使用HTTP - ，当我转到时，我看到它来自@angular/http，然后再转到npmjs并输入@angular/http，然后使用unpkg.com来访问文件系统(使用unpkg.com的铬扩展名(更别提包中的变化经常发生-但互联网永远不会忘记)所以我问：jQuery有一个，它允许您
浏览 9提问于2017-03-14得票数 1
回答已采纳
9回答
什么是Angular Routing？
angular、firebase
在我的linuxmint17中，我尝试使用Angular CLI创建Firebase web应用程序。它问我关于Angular routing的问题。
什么是Angular routing？
浏览 1提问于2019-03-03得票数 69
1回答
如何从外部访问组件控制器
javascript、angularjs、angularjs-components
我用的是角1.5，我有这样的组件 .module('appliactionModule')然后在app/uml-editor/umleditor.html中，我希望有一些javascript能够访问控制器Um
浏览 0提问于2017-07-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
