对外部npm模块组件的ViewChild或本地引用
是指在前端开发中，通过使用npm模块管理工具来引入外部的组件或库，并在代码中进行使用的一种方式。
概念： ViewChild是Angular框架中的一个装饰器，用于获取对模板中子组件或DOM元素的引用。本地引用是指在代码中直接引用外部npm模块组件的方式。
分类： 对外部npm模块组件的ViewChild或本地引用可以分为两种情况：
- 对外部npm模块组件的ViewChild：通过在父组件中使用ViewChild装饰器来获取对子组件的引用。
- 本地引用：直接在代码中引用外部npm模块组件，无需使用ViewChild装饰器。
优势：
- 提高代码复用性：通过引用外部npm模块组件，可以直接使用其提供的功能，避免重复开发相同的功能。
- 加速开发速度：使用外部npm模块组件可以减少开发人员的工作量，提高开发效率。
- 提供稳定可靠的功能：外部npm模块组件通常经过了广泛的测试和验证，具有较高的稳定性和可靠性。
应用场景： 对外部npm模块组件的ViewChild或本地引用适用于以下场景：
- 使用第三方UI库：通过引入第三方UI库，可以快速构建出具有丰富交互和样式的界面。
- 使用工具库：引入工具库可以提供各种实用的功能，如日期处理、数据格式化等。
- 使用数据可视化库：通过引入数据可视化库，可以方便地展示数据，如图表、地图等。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些相关产品和介绍链接地址：
- 云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的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
请注意，以上链接仅供参考，具体产品和服务详情请以腾讯云官方网站为准。
相关·内容
我在我的项目中使用SimpleBar (https://www.npmjs.com/package/simplebar-angular)。因为我想修改组件的一些样式，所以我在模板中添加了一个本地引用， <ngx-simplebar [options]="simpleBarOptions" #simplebar></ngx-simplebar> 在我的Typescript文件中像这样查看孩子： @
浏览 11提问于2020-03-27得票数 1
5回答
我刚接触过角度2，如果这个问题对你来说听起来微不足道的话，请原谅。我正在创建一个在角2中的功能模块，我将从这个模块导出所有组件。主模块可以导入该模块并将其添加到导入列表中。这样，主模块中的所有“模板”都可以访问功能模块的组件。
但我想要的是:在我的主要模块的一个组件中，我想将功能模块<
浏览 18提问于2016-11-02得票数 3
回答已采纳
我们需要为驻留在相对于当前应用程序文件夹的外部文件夹中的本地引用节点模块指定node_modules文件夹。我们有一个场景，我们在另一个客户端应用程序中引用外部公共模块的js文件，但是在最后的构建中，相同的节点模块(在这两个应用程序中都是引用)被复制。目录结构如下：
我们在本地磁盘上有一个名为“公共”的私有
浏览 2提问于2016-10-10得票数 0
回答已采纳
1回答
我试图在我的项目中使用jqWidgets角组件：}) @ViewChild('treeReference')
private tree: jqxTreeCompon
浏览 2提问于2017-07-20得票数 0
我使用角8，我想发送approvedPriceDealerCostForm当我点击我的按钮，但我得到approvedPriceDealerCostForm未解决的变量或键入approvedPriceDealerCostForm我想保持我的按钮在垫-对话-行动。
浏览 2提问于2021-02-27得票数 0
回答已采纳
[(ngModel)]="foo"帮助创建双向绑定，并允许我们在视图中引用动态变化的foo值。但是在视图中定义#foo也有同样的效果。那么它们之间的区别是什么，我应该选择哪一个呢？
浏览 1提问于2017-04-24得票数 1
1回答
我有一个用户表单，它接受使用Angular的currency管道转换为货币的输入值。请查看下面的代码片段。但是当我重新加载项目时，显示的不是货币值。它显示为一个整数。我还在学习后端开发，并且对angular 4还很陌生。
任何帮助都非常感谢，谢谢！
浏览 19提问于2018-06-05得票数 0
1回答
，我想从父类中调用子组件上的方法。我读过关于ViewChild或局部变量的文章，但我的问题是子组件是一个外部模块。我的父组件是"carto.component"，它包含一个“sebm map”，它是google地图的角2模块。triggerResize如下所示：
<sebm-google-map #map [latitude]="
浏览 2提问于2016-12-07得票数 1
回答已采纳
我已经创建了一个自定义组件，并将其放在for循环中。></customcomponent><customcomponent></customcomponent>何
浏览 0提问于2016-10-21得票数 172
回答已采纳
我对webpack/babel的配置有问题。我已经将我的组件存储库(没有webpack配置的es6模块)安装为node_module。在这种情况下，它不起作用--我收到了“意外令牌导入”错误(babel不传输es6代码)
但是，如果我将外部文件夹链接到node_modules (npm链接.编辑:如何设置webpack&babel项目从node_modules文件夹编译node_modules模块？npm</
浏览 7提问于2015-12-11得票数 7
我已经创建了一个反应组件模块，并将该模块导入到webpack项目中。我目前正在从本地存储库导入组件：我这样做是因为重新上传模块到国家预防机制，以测试每一个微小的变化将是不可行的。组件模块列表作为package.json中的对等依赖项作出反应和反应-dom，您在这里可以看到：
...(name,
浏览 5提问于2021-12-08得票数 0
我想知道是否有人已经在运行时将已编译的angular2模块或组件加载到正在运行的应用程序中。例如，当我点击特定按钮时，应用程序会找到要加载的正确JS文件，加载它，然后将组件附加到页面，或者将用户重定向到这个导入的模块中定义的特定url……
浏览 0提问于2017-03-24得票数 1
我正在测试一个具有指向外部模块的require的JS文件。如果UT继续在本地查找外部模块，那么在运行UT时如何处理该外部模块？
我已经尝试过从脚本中模拟一个函数，但我不认为这是测试其组件的正确方法。我真正想要的是让我的测试文件指向脚本文件，该脚本文件要么跳过调用外部模块的require部件的调
浏览 0提问于2019-02-11得票数 0
1回答
我已经创建了一些反应组件，包装材料-UI组件，并打包为一个NPM模块。
当通过远程包：npm install *name-of-package*或通过本地安装：npm install ../*name-of-package*安装时，该模块可以正常工作。但是，对于模块开发，我想使用npm link，以便在模块和站点目录中使用webpack --watch / we
浏览 0提问于2018-10-16得票数 3
selector: "testProject",}) @ViewChild我不知道哪种方法是最好的，因为我可以用这两种方法来实现我的最终目标。任何解释都将不胜感激。提前感谢
浏览 1提问于2018-11-13得票数 1
我正在阅读教程和文档，但我不理解Template reference variables的概念。我们有用于双向绑定的NgModel，但是为什么我们要在Angular中使用Template reference variables？
浏览 1提问于2020-04-20得票数 0
基本上，我是在寻找npm prune或的“对立面”。我希望从我的根node_modules文件中列出的所有包中清除package.json文件夹。在npm install之前，这是一个新的开始。
我不想而不是只想简单地使用rm -rf node_modules/的原因是因为我有一些不想被删除的本地模块。
浏览 0提问于2014-12-21得票数 1
我有一种预感，正确的答案是“你不使用--使用服务或其他解决方案”，但是，为了这个问题，假设我必须这样做。因为这个组件是跨多个项目共享的，所以我必须从组件中检索这些元素的属性(特别是它们的高度)。(免责声明:我知道这可能是一种糟糕的实践，而且这一切都应该发生在比我的组件更高的层次上，但为了便于论证，假设我只需要让它正常工作，并且我只能访问组件中的代码)。我只需要一个
浏览 0提问于2018-07-19得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
