如何在Angular 2/4中创建公共控件？
在Angular 2/4中创建公共控件的步骤如下：
- 创建一个新的组件：使用Angular CLI命令行工具或手动创建一个新的组件。可以使用以下命令创建一个新的组件：
ng generate component <component-name>这将在项目中创建一个新的组件文件夹，并生成组件的初始代码。
- 定义组件的模板：在组件的HTML模板文件中定义控件的结构和样式。可以使用Angular的模板语法来绑定数据和事件。
- 定义组件的逻辑：在组件的TypeScript文件中定义控件的行为和逻辑。可以使用Angular的装饰器来定义组件的元数据，包括选择器、输入输出属性等。
- 导出组件：确保在组件的模块文件中将组件导出，以便其他模块可以使用它。
- 在其他模块中使用组件：在需要使用该控件的模块中导入组件，并将其添加到模块的声明或导出列表中。
- 在模板中使用组件：在其他组件的模板中使用该控件，可以使用选择器来引用该控件，并通过属性绑定传递数据。
公共控件的创建可以帮助我们实现组件的复用，提高开发效率。在Angular中，可以使用模块化的方式来组织和管理公共控件，使其可以在不同的模块中使用。
以下是一些Angular中创建公共控件的推荐腾讯云产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行Angular应用程序。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，用于存储和管理Angular应用程序中的静态资源。 产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：提供高性能、可扩展的云数据库服务，用于存储和管理Angular应用程序的数据。 产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
请注意，以上链接仅供参考，具体选择和使用腾讯云产品应根据实际需求和情况进行。
相关·内容
我必须创建一个control/template/common html，它将有一个下拉列表。此公共控件将调用我的数据服务，并将此下拉列表与数据绑定。我可以创建一个组件，让它的HTML作为下拉列表，并在所有父组件中调用该组件的选择器。但是，我想要的是我需要传递密钥到这个公共控件，这个密钥将被发送到服务，服务将只给出匹配的记录，并且根据这些记录，下拉列表将被绑定。<div class="col-md-3">
COM
浏览 12提问于2017-08-03得票数 2
回答已采纳
我已经创建了一个自定义控件指令作为“我的文本框”，在这个指令中我使用html控件<input>，我需要将值从我的自定义控件传递到html输入控件。在angular1中，我使用的是<my-text-box id="1" name="Box 1">指令中的作用域变量的自定义属性，我将这些值赋值给html控件(如<input type="text" id="{
浏览 0提问于2016-07-29得票数 0
回答已采纳
我正在以编程方式创建usercontrol的实例，如下所示 uc = Me.LoadControl("~/Controls/DigitalSign.ascx")我的用户控件中有两个公共属性，如clerkName和RespName。我如何在上面的代码中设置这些值。智能感知未显示ClerkName和respName属性。
浏览 1提问于2009-11-13得票数 0
回答已采纳
这是我对DataGridView的配置。 mysqlCon.Open(); MyDA.SelectCommand = new MySqlCommand(sql, mysqlCon); MyDA.Fill(table);
BindingSource bSo
浏览 1提问于2014-12-17得票数 0
2回答
通过使用"SETALL()“函数，我能够做一些类似于当前表单的事情……this.SetAll( "someProperty"，"toSomeNewValue“)，它遍历所有控件并将值分配给所有控件。通过创建我自己的自定义属性，并通过"_assign“内部到VFP，将导致这些事件被触发。通过该方法，每个控件将根据我在每个控件中放入的内容在窗体上进行自我管理，包括启用/禁用/可见性、可编辑、只读、颜色、字体、验证等。那么，我如何在<
浏览 3提问于2009-03-19得票数 0
回答已采纳
我想知道是否最好是创建一个包含我所有的角2代码的模块，还是将所有的代码分割成多个模块更好。例如，我创建我的博客的角度2，所以我有一个“文章列表”组件和一个“文章”之一。现在，所有的东西都在一个模块中，它运行得很好，但是，我可以看到他们为“英雄”相关的东西创建了一个模块，但我只是想知道它是否真的有必要。实际上，我并不确切地知道创建模块的成本，而不仅仅是把所有的东西都放在主模块中，所以我很难知道我是否应该继续使用一个模块，还是创建一个“文章”模块和一个“标记”模块。
浏览 0提问于2016-09-28得票数 4
回答已采纳
在我的示例中，如果markAsDirty是在form上完成的，则任何控件上的重置都会将form更改为pristine。 这是预期的行为吗？请参阅https://stackblitz.com/edit/angular-h9gtyf?file=src%2Fapp%2Fapp.component.ts
浏览 527提问于2021-06-22得票数 2
回答已采纳
为了自定义TreeView控件中某些节点的方面，我创建了一个从TreeNode类派生的自定义控件，该控件覆盖RenderPreText和RenderPostText方法。这里发生了什么？！？
浏览 2提问于2014-03-12得票数 1
回答已采纳
1回答
我正在尝试将一个项目从Angular 1转换到Angular 2。
这是一个带有一些公共代码的客户端&服务器项目(所以我把它放在一起)。我想在客户端使用Angular 2，所以我遵循了。其中一些依赖项，如socket.io，依赖于node.d.ts。我的问题是angular2已经公开了node.d.ts并创建了一个环境定义，所以当我想要将TSD与angular2一起使用时，
浏览 5提问于2015-12-11得票数 4
需要关于如何在angular应用程序中重用通用代码的建议。我们开始使用angular2开发一个应用程序，以满足一些特定的需求，但后来意识到会有更多的应用程序跟进，并尝试在其他应用程序中重用所有或一个通用服务和组件。为了解决这个问题，我们决定将公共代码移到一个单独的独立应用程序中，并为这些公共组件创建ngModules，这些组件应该可以供其他应用程序使用。这是一种正确的做法吗？如果是，如何在我的应用程序中使用这些服务？如果没有，将通用模块导入多个App的
浏览 4提问于2017-01-25得票数 0
我完全是Angular2的新手。我的问题是如何在相同的类上执行公共事件，在Jquery中这样做很容易，但我无法找到在Angular2中实现它的方法。例如：<input class="perform" value="Hello World" />
Jqu
浏览 2提问于2017-09-22得票数 1
5回答
而不是使用所有的基本wpf控件，如Label，TextBox，Grid等。我想创建所有这些基控件的一个子类，并使用这个子类。例如公共类MyTextBox : TextBox {}
现在它们将是虚拟类，但它为将来需要扩展的情况留出了空间。这是推荐的还是不必要的？
浏览 0提问于2010-10-18得票数 1
回答已采纳
我目前正在学习Angular2，并阅读了“快速启动”和“英雄”教程。我总是以"npm“开始这些应用程序。
我在rails中创建了一个后端应用程序，还有一个前端angular2应用程序。我不知道如何在rails应用程序中集成angular2应用程序。理论上，我可以将其放到公共/目录中，以使JS可以访问，但我可能需要以某种方式转换它，以便正确设置链接。
浏览 0提问于2016-02-16得票数 2
回答已采纳
4回答
假设我有两种形式: Form1和Form2。Form2有一个名为text1的文本控件我如何在C#中实现这一点？我什么都试过了！我试过的是：Frm2.show();
Frm2.Activate();
浏览 7提问于2011-06-15得票数 2
回答已采纳
在我的项目中，我需要开发一个页面，其中将有2个文件上传控件和一些其他控件。我们无法获得实际文件的完整文件路径，所以我如何在以后读取它。我在这里使用angular 2和javascript来创建文件上传控件。
浏览 3提问于2018-07-17得票数 0
我正在寻找任何用于angaulr2的绘图框架，比如sketch.js尝试在angualr2中使用sketch.js，但没有成功。谢谢
浏览 3提问于2016-09-13得票数 0
必须使用ng-content在组件外部定义FormGroup的控件。stackblitz中的一个简单示例：https://stackblitz.com/edit/angular-ivy-bqczmm?file=src%2Fapp%2Fhello.component.ts Hello组件： <form [formGroup]="fg">
<ng-content select="[fg-controlsccc: <input fo
浏览 9提问于2021-06-29得票数 0
回答已采纳
如何在一个有多个dist文件夹的角6项目中创建多个应用程序？这样您就可以独立部署应用程序了。我正在创建一个项目，在该项目中，我使用命令创建两个应用程序: ng g应用程序app1 ng g应用程序app2但我希望能够通过链接将app1路由到app2，如果我构建了整个项目，如: ng build -prod。这两个应用程序都压缩到一个
浏览 1提问于2018-09-13得票数 2
回答已采纳
我有两个表单，其中的字段是相同的，但有不同的formControl名称和验证，并像这样去后端。现在，有两个表单具有完全相同的代码但不同的表单以及formControl名称和验证。我可以在不重复代码的情况下做到这一点吗，比如使用ng-content或类似的东西？ ? ?
浏览 18提问于2019-02-27得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
