如何在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
请注意，以上链接仅供参考，具体选择和使用腾讯云产品应根据实际需求和情况进行。
相关·内容
请给我解释一下使用markAsDirty的正确方法。 在我的示例中，如果markAsDirty是在form上完成的，则任何控件上的重置都会将form更改为pristine。 这是预期的行为吗？ 请参阅https://stackblitz.com/edit/angular-h9gtyf?file=src%2Fapp%2Fapp.component.ts
浏览 527提问于2021-06-22得票数 2
回答已采纳
我目前正在努力清理我的项目结构，我想保持我的AppComponent尽可能干净。我正在它自己的文件中导入angular2材料：
import { NgModule } from '@angular/core';
// Material
import { MdCardModule } from '@angular2-material/card';
import { MdButtonModule } from '@angular2-material/button';
import { MdInputModule } from '@angul
浏览 2提问于2016-09-23得票数 0
回答已采纳
我已经搜索了这个网站，我找不到解决问题的方法，所以如果这个问题已经被回答了，我很抱歉(我肯定有人问过这个问题)。
我编写了一个jQuery弹出窗口，并将其打包为WebControl和IScriptControl。最后一步是能够在我的控件的标记中写入标记。我使用了几次InnerProperty属性，但只用于包含强类型类的列表。
这是我在WebControl上的财产：
[PersistenceMode(PersistenceMode.InnerProperty)]
[DesignerSerializationVisibility(DesignerSerializationVisibility.Co
浏览 1提问于2010-04-30得票数 4
回答已采纳
这是我的第一篇文章，希望有人能帮上忙。我是C#和Silverlight的新手，所以请温文点。
这是我目前的问题/问题。
我有一个MainPage.xaml，它有一个网格控件来显示页面。当我的网站加载时，我想显示一个用于登录或注册的UserControl页面。
我已经创建了一个UserControl页面，让我们称其为ctrlLogon.xaml。ctrlLogon承载一个框架，该框架将包含登录页或注册页。我之所以使用框架，是因为我使用了登录和注册页面之间的自定义转换。
登录发生在LoginPage.xaml上，它使用wcf服务与数据库通信。这很好，但是如果用户登录成功或登录失败，我需要一个事件处
浏览 0提问于2011-03-11得票数 0
我创建了一个简单的Angular库，我希望我的库也能显示一个图像。问题是，如果我将图像包含在我的库的模块文件夹中，然后从模块内部引用它，我会得到404错误。据我所知，在Angular项目中，图像必须放在/assets文件夹中，但我真的需要将此图像包括在我的库中。 我将图像放在模块文件夹中，并从我的模块组件<img src="myImage.png">的.html文件中引用它，但它不工作。
浏览 64提问于2017-10-26得票数 10
回答已采纳
2回答
有谁知道为什么在互联网上有这么多关于在JavaFX中使用SkinBase和来自com.sun的BehaviorBase类来创建您自己的自定义控件的例子？他们为什么要用？为什么在FXEnsemble中没有这样的实现？这方面有什么最佳做法吗？请给出一些解释，为什么我应该使用BehaviorBase和SkinBase来进行自定义控制？提前谢谢。
更新：
我偶然看到了这个视频- ，它指的是自定义控件的创建。作者说公共(控制和皮肤)和私有API，实际上行为是一个私有API。使用BehaviorBase和来自com.sun的SkinBase是否合适，这在官方文档中没有描述过？
更新2:
SkinBehav
浏览 4提问于2012-08-18得票数 13
回答已采纳
我不确定这是不是应该问的问题，但我不知道我还能怎么问。
在我的项目中，我有一个LogInViewModel.cs
class LogInViewModel : BaseObservableObject
{
private string _text;
public string Text
{
get { return _text; }
set { _text = value; OnPropertyChanged("Text"); }
}
public LogInViewModel()
{
浏览 0提问于2021-02-28得票数 0
1回答
我创建了2个表单，我希望他们中的每一个都能够相互访问。这是我目前的代码：
public partial class Form1: Form
{
public Form1()
{
InitializeComponent();
form2 = new Form2(this);
}
}
internal partial class Form2: Form
{
Form1 form1;
internal Form2(Form1 f1)
{
InitializeComponent();
fo
浏览 2提问于2017-06-13得票数 0
在WPF中创建控件需要一定的方向，界面如下:控件将位于图像控件之前。控件内容不完全显示，如果用户想查看完整的详细信息，用户可以单击控件上的按钮，使其成为expand.However --它应该覆盖在下面的图像上，而不是按下。
| _______Control________________|
|
|
|_______________________________| <-这应该在下面的图像上
| _____________Image____________|
|
|
|
______________________________| <-图像部分
我尝试过扩展控件: 1.显示或隐藏
浏览 1提问于2014-06-24得票数 0
回答已采纳
角度2中的束的点是什么？如果我在快速入门的“我的第一个Angular 2应用程序”示例中省略了它，那么我的代码(ES5)运行得很好--是不是我遗漏了什么？
教程：
我省略了这个脚本：node_modules/angular2/bundles/angular2-all.umd.js
以下是最新版本中的包目录：
浏览 1提问于2015-12-29得票数 0
2回答
我已经在VSE的C#中创建了一个自定义控件，它出现在左侧的列表中。但是我想传递一个对我的主窗体的引用，而我目前正在构造函数中这样做。然后我手动编辑，VSE设计器生成代码来传递表单本身。但此后，当我尝试使用设计视图时，VSE显示一条错误消息。我是不是做错了？
class canvas : Control
{
public canvas(Form1 theForm)
{
}
}
然后在设计器中生成代码：
this.canvas2 = new panel2.canvas(this);
浏览 1提问于2010-12-02得票数 1
回答已采纳
在一份学校教程文档中，我需要通过项目菜单然后组件向我的表单中添加一个公共控件对话框，但是我找不到组件按钮。我正在使用visual 2010。
浏览 1提问于2014-06-03得票数 0
回答已采纳
我想清空并重置来自侦听器的输入标记的值。
.on('click', function(e) {
if(elem.hasClass('v')) {
elem.removeClass('v').val(undefined);
ctrl.$setViewValue(undefined); //how to in angular2?
ctrl.$render(); //how to in angular2?
scope.$digest(); //how to in angular2?
浏览 1提问于2016-06-30得票数 0
我正在学习Angular。虽然官方教程对我来说工作得很好，但我被反应式表单的“hello world”所困住了。我正在关注。我已经在另一个工作项目中创建了一个新组件，以便使用ReactiveForm创建一个输入文本框。模板html如下：
<div>
<label>
Name:
<input type="text" [formControl]="name">
</label>
</div>
component类如下所示
浏览 0提问于2018-11-21得票数 46
我需要创建一个可以在不同的angular2应用程序之间共享的服务。此服务将访问rest并包装其数据，以便角应用程序能够使用它。如果我使用angular2 http服务，则需要将整个angular2作为该服务的依赖项。
目前，我希望将服务层作为一个独立的npm包，以便在多个项目之间重用它。
是否有更好的方法来实现可重用性，而不是将整个angular2库安装到服务包中？
浏览 2提问于2016-04-07得票数 1
我正在犯错误，有人能告诉我哪里出了什么问题吗？我如何解决问题？也许main.ts中缺少了什么东西。
错误：(索引)：39错误:错误:标记必须定义！在新BaseException () at new ReflectiveKey () at KeyRegistry.get () at Function.ReflectiveKey.get () at resolveReflectiveProvider () at Array.map (天然) at Object.resolveReflectiveProviders () at Function.ReflectiveInjector.resolve
浏览 5提问于2016-05-19得票数 1
回答已采纳
我想创建的角度组件，不能被渲染，除非包装在另一个更高级别的组件。为了更好地理解这一点，这里有一个示例(示例来自选项卡的angular material结构)： <mat-tab-group>
<mat-tab></mat-tab>
</mat-tab-group> 我想创建相同的结构，其中mat-tab将是我的组件，如果没有mat-tab-group包装组件就无法呈现。 我正在浏览angular文档，但找不到相关信息。有谁能帮帮忙吗？ 谢谢!
浏览 6提问于2020-01-09得票数 0
回答已采纳
我在angular的form中创建了一个formArray。 当我修补具有值为数组的tasks的对象时，此属性似乎被忽略且未设置。 不出所料，名字被更改了。但任务并非如此。为什么？ 我不想捕获特定的元素并使用setValue或类似的东西，我只想有一个对象，angular将调查这个对象并匹配值和字段。 The code in stackblitz.com import { Component, VERSION } from "@angular/core";
import { FormGroup, FormControl, FormArray } from "@angul
浏览 24提问于2020-10-12得票数 0
回答已采纳
我需要在angular2中使用一个jquery插件。一般说来，这个插件创建了一段html的副本，其中包含inputs.When数据的更改，angular2会重新呈现它，并在发生更改时etc.But Jquery必须将数据传回angular2的所有错误。我是通过
ControlGroup.controls['control_id'].updateValue(value,{emitEvent,emitModelToViewChange}).
一切都很好，传递数据的data comes.But angular2输入没有变脏或被触摸，但我需要它来显示errors.How以强制输入被触摸
浏览 0提问于2016-04-05得票数 3
实际上，我是C#的新手。在我的程序中，我得到了两个窗口forms.Each窗口窗体有一个标签和一个激活button.Once我启动(加载)程序，两个窗口窗体将弹出together.My意图是当我点击form1激活按钮时，我的form1标签的背部颜色将变成“绿色”(让用户知道这个form1被激活).Up到这里我可以写软code.But当我点击form2激活按钮时，form1将不再激活，我的form2将被激活并且form2标签的背景颜色也将变为“绿色”.Since form1不再激活，我想把我的form1标签的背景色改成red.How，可以换一下吗？
到目前为止我是如何写我的程序的。
在form1
浏览 3提问于2012-08-17得票数 0
1回答
我正在重建一个AngularJS应用程序，我构建了一个新的Range5框架。我承认我不太熟悉打字和学习。
我正试图在AngularJS中重新创建一个服务的等价物。我有许多常见的函数，需要通过多个组件来访问。因此，通过角度CLI，我使用了以下命令：ng generate service Common。然后，我添加了一个testfunction，并尝试将该服务注入到我的组件中，并试图调用它。我收到一个错误，说它找不到名字ServiceTest。
Common.service.ts
import { Injectable } from '@angular/core';
@Injec
浏览 0提问于2018-03-06得票数 2
回答已采纳
好的，这就是场景。我已经创建了一个完全数据驱动的Radgrid，页面上只有2个静态按钮，保存和取消。Radgrid是动态创建的，网格中的所有数据(来自MS SQL)都是动态创建的。这里是棘手的部分，我有一个包含控件的模板列。控件的类型再次由SQL中的数据确定。也就是说，数据是6，我需要返回一个填充了来自SQL的数据的RadTextBox，5= RadComboBox，也填充了...你得到了鞭子。我总共有50条记录，所以我有大约50个控件，所有控件都填充了可以更改和保存的数据。这是最难的部分。我已经被困了两天，试图弄清楚如何到达RadGrids单元格级别，找到控件，确定它是什么类型的控件，从该控
浏览 18提问于2015-02-27得票数 0
在Visual 2010中，我遇到了使用“命令按钮”MFC控件时遇到的问题。
创建基于对话框的、非Unicode的MFC项目时
当将命令按钮控件添加到初始对话框时
当我构建和运行我的项目时，我得到：
当我单击其中一个按钮应该是复选框的区域时，会出现：
现在，我编辑项目属性并切换到Unicode字符集：
当我建造和运行的时候，宾果。
我的问题是：是否有一种在多字节字符集中工作的方法？
谢谢!
浏览 6提问于2012-06-08得票数 0
回答已采纳
我有一个angular应用程序，我想在其中输入未知数量的条目，例如名称，到列表中。 我想把名字列表编译成一个数组。我希望能够显示一个输入元素，以允许用户输入名称。 每次他们输入一个名字时，我希望它被验证并添加到names数组中，并且我希望在它的下面出现一个新的空白输入字段。 我假设我的FormGroup中需要一个FormControl数组。如果是这样，我如何在HTML表单中通过表单控件名称引用每个元素？
浏览 35提问于2020-09-11得票数 0
回答已采纳
2回答
是否最好为每个asp.net页面应用程序创建一个资源。还是为所有页面创建一个全局资源？我的应用程序有大约100页和200个用户控件。如果我想创建全局资源，可以如何使用visual studio的这个功能，使我们能够以这种方式从每个页面自动生成资源文件：
来自微软：
打开要为其创建资源文件的页面。
2)切换到设计视图。
3)在“工具”菜单中，单击“生成本地资源”。
谢谢你的关注:)。版本: Sharepoint只有一个资源文件吗？！
浏览 4提问于2010-07-28得票数 3
回答已采纳
我有一个使用VC++ MFC编写的遗留应用程序。对于最新的功能，我创建了一个C#用户控件。我希望能够在遗留的VC应用程序中使用此控件。我该怎么做呢？
浏览 1提问于2010-09-18得票数 0
回答已采纳
我已经在angular2中创建了yii2应用程序和REST。
"yii\rest\Controller"为Yii2控制器
Angularjs和Angular2都是非常不同的。
我不知道如何在angular2 post请求中使用CSRF令牌.
Angular2和yii2没有任何连接。只有yii2中的api调用。
浏览 3提问于2017-08-22得票数 0
假设我有几个用户控件，比如：
uc1，uc2
uc2在xaml中包含uc1，比如
<my:uc1 x:Name = "myuc1" />
然后在后面的新用户控件代码中，我想创建uc2实例并访问uc1，如下所示：
uc2 mycontrol = new uc2();
uc2.myuc1.DataContext = myViewModel;
....
我得到了错误，因为myuc1在后台代码中不可访问，但我可以在uc2后台代码中访问myuc1！不知道为什么。
错误消息说: uc2不包含'myuc1‘的定义
如何解决这个问题？
浏览 1提问于2010-11-25得票数 1
1回答
TreeView类在哪里？
、、、、
哪个nuget包包含TreeView类，用于UWP在中的承诺？
我以为它会出现在W10秋季创建者更新中，但我有它，我找不到TreeView、TreeViewNode等等。
我在我的UWP项目中引用了Microsoft.NETCore.UniversalWindowsPlatform v6.0.1和NETStandard.Library v2.0.1。
浏览 7提问于2017-10-22得票数 0
回答已采纳
我需要知道一件事我被卡住了..
我有form1，这是我的主要表单。我在其中有一个面板，我创建了form2。
我将form2添加到我的面板中，如下所示
Form2 frm = new Form2();
frm.TopLevel = false;
frm.Show();
panel1.Controls.Add(frm);
我的Form2中有一个webbrowser控件。我需要从Form1访问need浏览器控件。我该怎么做？？
浏览 0提问于2013-05-08得票数 0
回答已采纳
如何在ASP.NET PreInit事件中获得控制？指针为null，FindControl方法返回null。
我正在使用母版和内容页。内容页的标记如下所示：
<asp:Content ID="Content2" ContentPlaceHolderID="ContentBody" runat="server">
<asp:Table ID="Table1" runat="server" Width="100%">
.....
</asp:Tabl
浏览 1提问于2010-07-01得票数 8
1回答
我创建了表单，此表单的一个字段是cantrolValueAcessor组件。这个字段只是一个数字和几个按钮。点击左键后号码减少，点击后右键数增加。
我想要对cantrolValueAcessor字段使用验证。当数字小于“0”时，必须显示错误消息。
这是我的。
CVA代码：
import { Component, forwardRef } from '@angular/core';
import {
ControlValueAccessor,
NG_VALIDATORS,
NG_VALUE_ACCESSOR,
Validator,
} from '@ang
浏览 9提问于2022-03-14得票数 0
回答已采纳
我想在我的winform应用程序中显示html格式的字符串。我应该使用什么控件？
浏览 14提问于2011-09-22得票数 8
回答已采纳
我正在尝试执行以下教程来将Angular 12应用程序与Keycloak：集成在一起(我查看了其他类似的教程，说明都是一样的)。
如本文所述，我在src\environments\environment.ts中插入了以下行
import { KeycloakConfig } from 'keycloak-angular';
// Add here your keycloak setup infos
let keycloakConfig: KeycloakConfig = {
url: 'http://<my-keycloak-ip:8088>/auth
浏览 49提问于2021-06-12得票数 1
回答已采纳
我使用angular2.0版本。当我加载一个懒惰的路由器时，如果路由器有很多代码，它几乎是1MB，浏览器需要等待一段时间，这是不友好的，所以我想要创建一个加载动画。angular2是否提供了事件或指令？
对不起，我的英语不好。
浏览 0提问于2016-09-22得票数 0
回答已采纳
3回答
在我的应用程序中，我创建了一个关于框，我想知道我是否可以显示一个动画文本作为信用！从对话框底部到顶部的文本动画。我可以使用哪些组件，或者我应该下载，以便在我的关于框中实现一个很好的字幕动画文本。
浏览 0提问于2011-12-31得票数 0
回答已采纳
我是angular2新手，当用户选择dropDown中的某个值时，我希望触发一个函数。所以我尝试实现statusChange的FormControl类，但它没有被触发，
想知道如何以及何时在statusChange中使用angular2 --这是我的代码
class policy{
subCategory: FormControl = new FormControl();
ngOnInit() {
this.subCategory.statusChanges.subscribe(
s => {
浏览 5提问于2017-02-21得票数 15
我正在尝试使用react 16.8.6和yarn 1.16.0在从create-react-app创建的应用程序中创建一个worker。如果我使用const backgroundWorker = new Worker('../assets/js/myWorker.js'); 我收到控制台错误:未捕获SyntaxError:意外的令牌< 但我知道这是正确的道路。这在Angular中工作得很好。有没有关于如何在React中创建worker的好教程？
浏览 79提问于2019-06-20得票数 1
回答已采纳
我使用同步ejs-多选择控件作为银网格中的自定义单元编辑器。在这种情况下，在更改多选择值并单击其他单元格时，不会触发更改事件。如果点击Ag-网格，更改事件就会被解雇。(我在我现有的项目中使用)就像创建一个新的项目并且尝试这样做一样，它工作得很好。以下是package.json文件(万一有任何版本问题)
package.json:
{
"name": "portal",
"version": "0.0.0",
"scripts": {
"ng": &
浏览 14提问于2019-10-09得票数 2
例如，在我的新类中，我有这样的内容：
if ((connectionStart[f] == i && connectionEnd[f] == j) || (connectionStart[f] == j && connectionEnd[f] == i)) // this checking dosent work good !
{
//button2.Enabled = false;
return;
}
浏览 0提问于2012-03-31得票数 0
我不知道出了什么问题。* NgIf，* ngFor将导致如下所示的错误消息。组件、模块、服务附加源内容。我需要你的建议。
错误消息
Can't bind to 'ngIf' since it isn't a known property of 'img'. ("oducts | productFilter:listFilter'>
<td>
<img [ERROR ->]*ngIf='sho
浏览 0提问于2017-04-12得票数 0
回答已采纳
我有一个名为aspx的addcustomer.aspx页面。客户可以在此页面上创建一个新帐户。有一个名为的按钮。如果用户以前用相同的电子邮件地址创建了一个帐户，我想显示一个名为customerexists.ascx的弹出控件，它有一些选项(1)继续创建一个不同的电子邮件地址(2)登录到网站。对于第一个选项，用户停留在页面上，而对于第二个选项，用户被重定向到登录页面。
目前我所做的是，在用户控件CustomerExists上有一个名为customerexists.ascx的属性。addcustomer.aspx检查客户是否存在，并设置属性CustomerExists。该标志将在该控件上显示文本的
浏览 2提问于2017-05-22得票数 0
回答已采纳
在这种情况下，我的视图应该做一些与UI相关的事情(例如，序列化UI布局或COM调用，...)我想发送一条消息，并从我的ViewModel.So中的UI中获得计算结果，如何从消息发送中获得输出？
1-使用回调方法作为Message的参数，并在视图中回调。
2-在ViewModel中放置一个属性并设置此属性，以响应视图中的消息调用。
我更喜欢第一个，对吗？还有别的办法吗？
看起来不是很清楚，但是调用链开始于ViewModel意味着我需要模拟类似于函数调用表单ViewModel的东西来查看和获得这个调用的结果。
浏览 0提问于2014-02-25得票数 0
2回答
Updated code which is working now .
component.ts file
import {
Component,
OnInit,
Pipe, PipeTransform
} from '@angular/core';
import { ActivatedRoute,Router } from '@angular/router';
import { ObjNgFor } from './retailer_information/objNgFor.pipe';
import { DomSanit
浏览 2提问于2017-04-16得票数 0
我想创建一个使用C#窗口表单应用程序的可视化程序，所以我想问一下如何使用C# VS在我的桌面上浏览或打开我创建的本地html文档？
浏览 1提问于2019-11-04得票数 0
我已经创建了一个自定义控件(从control继承的类)。当我把它放在窗体上时，我可以在Visual Studio IDE上使用它。它显示了一个错误，并且我看不到表单。
错误消息是这样的: La variable 'ctrlImagen‘no está宣告The o no se asignónunca。
这是一个精简框架应用程序的winform。
我该如何解决这个问题呢？(它是类从UserControl继承而来的，它工作得很好)
浏览 6提问于2009-02-27得票数 2
回答已采纳
1回答
我已经在visual studio 2019中创建了一个表单，允许用户连接到我用SQL创建的数据库。它允许查找、编辑、删除和添加到名为items的表中。 我只是想帮助清理这个代码，因为它感觉非常混乱，并将非常感谢任何指针，以帮助划分到不同的类和我将如何做这一点。 using System;
using System.Data;
using System.Data.SqlClient;
using System.Windows.Forms;
namespace FinalDatabaseConnection
{
public partial class Form1 : Form
{
浏览 10提问于2019-10-17得票数 0
重写用户控件的DataBind()方法是一种好的做法吗？或者有一个单独的方法(如ReBind() )是更好的方法？
浏览 0提问于2011-04-19得票数 1
我在node_module中安装了angular2，但由于node_module不是静态目录，所以我不能使用angular的链接及其对html页面的依赖。
这样做的正确方式是什么？
浏览 0提问于2016-01-18得票数 0
在我为Angular 2找到的示例中，每个应用程序可以创建一次组件：
(function(app) {
app.AppComponent =
ng.core.Component({
selector: 'my-app',
template: '<h1>My First Angular 2 App</h1>'
})
.Class({
constructor: function() {}
});
})(window.app || (window.app = {}));
浏览 2提问于2016-02-10得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
