在Angular 4组件中导入旧库
，可以通过以下步骤完成：
- 首先，确保你已经安装了Angular CLI，并创建了一个新的Angular项目。
- 打开你的Angular项目，在项目根目录下找到
angular.json文件，该文件用于配置项目的构建和开发环境。 - 在
angular.json文件中，找到scripts数组，该数组用于引入外部的JavaScript库。在该数组中，你可以添加你想要导入的旧库的路径。 - 将旧库的JavaScript文件复制到项目中的某个目录下，例如
src/assets/js。 - 在
scripts数组中，添加旧库的路径。例如，如果你将旧库的JavaScript文件命名为old-library.js，则可以添加以下代码：
"scripts": [
"src/assets/js/old-library.js"
]- 保存
angular.json文件。 - 在你的Angular组件中，可以使用
declare关键字来声明旧库的全局变量，以便在组件中使用。例如，如果旧库的全局变量名为OldLibrary，可以在组件中添加以下代码：
declare var OldLibrary: any;- 现在，你可以在组件中使用旧库的功能了。例如，你可以调用旧库的函数或访问旧库的属性。
需要注意的是，导入旧库可能会导致一些兼容性问题或冲突，因此在使用旧库之前，建议先进行充分的测试和验证。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（TBC）：https://cloud.tencent.com/product/tbc
- 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
我有一个旧的库，需要导入到我的Angular 4组件中。此库在Node模块文件夹中不存在。如何在我的组件中包含和使用这个库？
浏览 8提问于2018-02-06得票数 0
回答已采纳
1回答
在使用Angular 4和自定义的Webpack的旧的、复杂的代码库中，有一些组件导入了css文件，其方式与导入模块以产生副作用的方式相同。一个示例(这是完整的文件，具有不同的变量名)： import { Component, OnInit } from '@angular/core';} styles.css .content_bod
浏览 16提问于2019-09-26得票数 1
回答已采纳
1回答
我正在尝试导入一个自定义库，该库具有角2 HTTP调用(从Http导入)到角4项目中。在我的库模块中，http调用是这样的。import { Http } from '@angular/http';
export class SampleService(){
thi
浏览 1提问于2018-01-29得票数 1
我有在Angular 4应用程序中开发的项目-它有多个组件，项目太大，无法一下子转换成Angular 8，因此需要分阶段进行转换。这就是为什么寻找解决方案，如果某些组件可以更改为Angular 8库(这也是客户的要求)，可以在Angular 4应用程序中使用。由于一些核心功能的路由已经更改，所以当我在Angular 4应用程序中
浏览 20提问于2019-09-30得票数 0
我需要一些帮助来导出一个JSON到CSV的角度4。我找到了一个插件。但是我不知道如何在Angular 4中使用它。
浏览 0提问于2017-09-21得票数 1
尝试将IONIC应用程序从版本3升级到版本4时发生ERROR in ./node_modules/ionic-angular/components/app/app.js 24:35-43
"export 'DOCUMENT' was not found in '@angular/node_modules/ionic-angular/module.js 1
浏览 0提问于2019-07-01得票数 12
1回答
当我们使用' ngc‘编译skipTemplateCodegen设置为false的源代码时，ngc会生成.ngfactory.js，并且当有一个angular模块导入时，导入的模块有入口组件，也会为这些入口组件生成组件工厂，并且会生成具有相对路径的导入语句。我们所做的是，ngc编译angular代码(生成工厂)，并使用rollupjs将它们捆绑到UMD中；由于如上所述的入口组件的额外组件工
浏览 11提问于2018-12-28得票数 0
1回答
是否有可能在运行时将Angular js指令集成到Angular 7组件中。Angular js是一个独立的项目模块，它有自己的文件夹stucture.This文件夹结构也包括指令。是否可以通过提供指令的文件路径将这些angular js指令导入到Angular 7应用程序中，并在Angular 7组件模板中使用。如果有办法可以做到这一点，敬请指教。
浏览 0提问于2019-02-12得票数 0
3回答
我目前正在开发一个Angular4应用程序，我希望导入--一些javascript库，但仅用于单个组件。目前，通过在.angular-cli.json中定义它们的路径，可以轻松地导入这些库，如下所示： "scripts": [
"../src/assets/js/jquery/cometd/jquery.c
浏览 9提问于2018-01-09得票数 2
我目前正在创建一个角2项目，但是我无法通过在我的控制台中获得的这两个错误。我已经在我的应用程序中添加了这两个导入。import
浏览 1提问于2016-10-12得票数 1
回答已采纳
1回答
嘿，各位，我有个问题要问2角路由：import {Component, provide, bootstrap} from 'angular2/angular2'; provide(LocationStrategy, {useClass: HashLocationStrategy})然后我有了这层楼的组件private listView
浏览 2提问于2016-08-27得票数 0
回答已采纳
'ng4geo-autocomplete' is not a known element: <div>import { Component, OnInit } from '@angular/core';
import { ViewEncapsulation } from '@angular/
浏览 0提问于2017-11-27得票数 0
1回答
我在angular2+中使用angular2+模板，并试图找到将库导入到试图访问window的组件中的解决方案。Javascript服务使用服务器端预呈现，因此不能将库导入到组件中，这些组件在没有获得窗口的情况下立即尝试访问窗口是没有定义错误的。目前，我正在尝试将dat.gui添加到我的组件中，但我还没有找到解决方案。
有人知道
浏览 1提问于2018-02-27得票数 0
我正在寻找一种方法来创建具有多个模块的angular 6(由Angular 6 CLI可能)库，可以根据开发人员的需要导入每个模块。到目前为止，我只找到了一些教程，这些教程描述了用几个组件创建简单的库。并且它们都必须由库NgModule导入。但目标是能够在不导入所有其他东西(组件等)的情况下将一些模块导入到生产应用程序中。从库模块中</e
浏览 0提问于2018-06-24得票数 9
在中找到的示例代码适用于alpha.28 .28版本。src="https://jspm.io/system@0.16.js"></script>
<script src="https://code.angularjs.org/2.0.0-alpha.28/angular2/libs/systemjs/0.18.4/system.src.js"></scr
浏览 5提问于2016-01-16得票数 2
回答已采纳
1回答
在创建新组件和新实体时，在接受ng build获取错误时导入新组件和旧组件中的实体:新组件中的error TS2307: Cannot find module ../entities/user，而不显示错误旧组件。新组件：
import { Component, OnInit } from '@angular
浏览 5提问于2021-02-26得票数 0
我正在构建一个定义一些组件的Angular2库。我正在尝试将这个库发布为一个npm模块，然后将其发布到npm install中，并在我的其他Angular2项目中使用它。
我学习了像和这样的教程。这使我可以成功地从库中导入定义模板的服务和组件(如template: '<p>hello world</p>')。但是，当我使用templateUrl: 'app/he
浏览 5提问于2016-08-14得票数 4
回答已采纳
我需要使用棱角材料，只有DatePicker组件的项目，我正在做的最新版本的角。我期待着你的帮助，谢谢。
浏览 3提问于2021-04-25得票数 1
回答已采纳
我一直在一个个人的角度项目工作，使用角材料作为组件库。在对项目结构、模块和可重用组件进行了大量研究之后，我仍然有一些关于项目性能的问题我无法回答：
以角材料库为例:有些人主张在MaterialModule中创建一个包含所有已使用模块的AppModule，并将其导入AppModule中，但是只导入我在主要组件中使用的几个模块岂不是更好的性能，因为剩下的模块只用于延迟加载的模块中？另外
浏览 1提问于2019-04-18得票数 2
回答已采纳
1回答
我正在开发一个遗产库，它在一些组件中使用了FormsModules功能，所以FormsModule是在LibraryModule级别导入的，如下所示：import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular</em
浏览 0提问于2019-07-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
