使用angular 8设置自定义类
使用Angular 8设置自定义类可以通过以下步骤完成：
- 首先，确保已经安装了Angular CLI并创建了一个新的Angular项目。
- 在项目的根目录下，打开命令行工具，并执行以下命令安装Angular Material库：
- 在项目的根目录下，打开命令行工具，并执行以下命令安装Angular Material库：
- 这将自动安装Angular Material以及相关的依赖项。
- 在Angular组件中引入所需的Angular Material模块。例如，如果要使用按钮和输入框，可以在组件的.ts文件中添加以下代码：
- 在Angular组件中引入所需的Angular Material模块。例如，如果要使用按钮和输入框，可以在组件的.ts文件中添加以下代码：
- 在组件的NgModule装饰器中导入这些模块，并将它们添加到imports数组中：
- 在组件的NgModule装饰器中导入这些模块，并将它们添加到imports数组中：
- 在组件的HTML模板中使用Angular Material提供的自定义类。例如，可以使用mat-button类来设置一个按钮的样式：
- 在组件的HTML模板中使用Angular Material提供的自定义类。例如，可以使用mat-button类来设置一个按钮的样式：
- 同样地，可以使用mat-input类来设置一个输入框的样式：
- 同样地，可以使用mat-input类来设置一个输入框的样式：
- 通过使用这些自定义类，可以轻松地为Angular应用程序添加样式和交互效果。
总结： Angular 8提供了Angular Material库，它包含了许多可用于创建漂亮的用户界面的组件和样式。通过引入所需的模块并使用相应的自定义类，可以轻松地设置自定义类来改变组件的样式和外观。这样可以提高开发效率并使应用程序具有更好的用户体验。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云音视频通信（TRTC）：https://cloud.tencent.com/product/trtc
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云原生数据库（TDSQL）：https://cloud.tencent.com/product/tdsql
- 腾讯云云原生存储（TCS）：https://cloud.tencent.com/product/tcs
相关·内容
1回答
使用angular 8设置自定义类
angular、typescript、sass
我需要用银行返回的背景颜色创建类，我该如何用Angular来做这件事？我知道有一种方法可以做到这一点，也许可以使用@ViewChildren。这些是我将创建的类，返回的数据库，我将有人名和它的背景颜色，我需要设置这个css时，呈现我的组件。
浏览 20提问于2019-09-17得票数 0
回答已采纳
1回答
在ag网格v25角10中设置字体族和大小
css、angular、ag-grid
我如何设置字体和它的大小在ag-网格(角)，我使用ag-网格版本25在角10。我尝试设置在包装容器(div)和标签的字体，但到目前为止没有任何工作。.wrapper-container { font-family : "Open Sans";和 font-size
浏览 0提问于2021-04-07得票数 1
回答已采纳
2回答
验证不会传播到Angular中的自定义表单控件ng-select
angular、typescript、angular-reactive-forms、angular-ngselect
我在我的Angular 9应用程序中使用了带有自定义窗体控件的Reactive Form。而且我在验证方面有问题。我将formControl设置为required。ng-invalid css class应该自动设置为ng- 。但实际上，使用自定义表单控件时，它不能正常工作。未设置css类，但设置了包装类。
浏览 1提问于2020-02-29得票数 3
2回答
如何在Angular中将日期设置为区域设置？
angular、typescript、date、angular-date-format
所以我有一个angular应用程序(angular 8)，它将被英国，毛里塔尼亚和南非使用(也可能更多)。我将使用自定义管道吗？或者在app.module中将其设置为某种提供程序？
谢谢。
浏览 1提问于2020-05-14得票数 1
1回答
为什么我只能在组件级css上设置垫高程设置？
css、angular、angular-material、scss-mixins、mat-card
我使用角材料在我的角度8项目，并试图设置阴影的设计在我的材料卡。我使用的是海拔助手混合器，如下所述：// styles.scss border: 1px solid #ff0000; /
浏览 0提问于2019-06-15得票数 2
2回答
如何在Angular表单上设置自定义验证？
javascript、angularjs、validation、angularjs-scope
我正在尝试在一个Angular应用程序的输入字段上设置自定义验证。不能将验证设置为模式，因为它基于另一个字段的内容(即，密码必须匹配)我尝试使用$scope.formName.inputName.在AngularJS中有没有其他方法来设置
浏览 0提问于2016-08-31得票数 0
1回答
如何在文本角度材料上设置颜色
angular、angular-material
我使用的是Angular 5的材质。在文本上设置颜色的等效方法是什么？我不想为此实现一个自定义的css类，因为我想使用angular材质主题。
浏览 0提问于2018-02-08得票数 13
回答已采纳
1回答
呈现formio自定义组件不起作用
javascript、html、angular、typescript
super.destroy(); }import { Router } from '@angular/router';
import { FormioAuthService } from 'angular-formio/authFormio.regist
浏览 23提问于2019-03-08得票数 2
1回答
扩展Angular2 Http不注入服务
angular、typescript、ecmascript-6、ionic2
我有一个自定义类，它扩展了内置的角Http类。import { Injectable } from '@angular/core'; Http, RequestOptionssuper(connectionBackend, defaultOptions); } 然后将我的HttpService注入到另一个类中{
constructor
浏览 4提问于2016-08-30得票数 0
回答已采纳
4回答
在ng-bootstrap中更改toast的位置
angular8、ng-bootstrap
按照这里的例子：，我们在Angular 8中实现了一个全局吐司服务。默认情况下，这似乎出现在屏幕的右上角，但我们希望将位置更改为左下角。使用"：host“为ngb-toast创建自定义CSS类时，不会覆盖默认的”ngb-toast“类。:host .ngb-toasts {
left: 0 !
浏览 0提问于2020-06-20得票数 0
2回答
Valor datepicker自定义区域设置
angular、typescript、datepicker
我正在使用带有typescript和Valor datepicker的Angular2。Datepicker没有提供所需的区域设置。如何使用js文件？有谁知道如何添加自定义区域设置以与datepicker一起使用？
浏览 35提问于2018-01-17得票数 1
回答已采纳
4回答
将angular-cdk表与bootstrap 4一起使用
angular、sass、bootstrap-4、angular-material2、angular-cdk
我正在使用Angular CDK table (没有Angular Material2)，并希望使用bootstrap table design来设置它的样式。可以向CDK表添加类，但是引导规则直接处理html表元素tr、td、...Angular CDK使用自定义标记cdk-table、cdk-row、cdk-cell ...
浏览 38提问于2018-02-11得票数 5
回答已采纳
7回答
角材料5暗主题不适用于身体
angular、angular-material、angular-cdk
我创建了一个“自定义”主题(使用的主题文档，这非常糟糕)，如下所示：@include mat-core();
<body class="mat-app-background mat-typography"></body>
在app-root组件的容器中，我<em
浏览 0提问于2018-04-09得票数 16
回答已采纳
2回答
避免在Angular 8中使用Mangle类名
angular、typescript、uglifyjs
我在Angular 8中有一个单页应用程序。在这个应用程序中，我在typescript类中使用构造函数名来执行一些操作。在开发过程中，一切都运行良好。this.constructor.name; // returns "User" Get
浏览 57提问于2019-12-03得票数 0
我知道在正常引导Angular2时，bootstrap调用可以用来提供默认的HTTP请求选项，如下所示：但是，在使用upgradeAdapter.bootstrap()方法时，这似乎不起作用：upgradeAdapter.bootstrap
浏览 1提问于2016-05-31得票数 3
1回答
@控制器中的@自动连接自定义ReloadableResourceBundleMessageSource
angularjs、spring-mvc、internationalization、autowired
我的目的是向客户端公开我的语言属性，以便我可以在JS文件中使用它们。为此，我使用了angular-translate.min.js库，并遵循以下说明：()。其基本思想是创建一个从ReloadableResourceBundleMessageSource扩展的自定义类，并覆盖getAllProperties(区域设置区域设置)方法。然后，将该自定义类注入@controller，这将以Json格式将属性列表返回给客户端。到目前为止，我的问
浏览 0提问于2014-03-19得票数 1
2回答
元素必须单击两次才能执行addClass (自定义指令)
javascript、jquery、angularjs
当尝试在数据的网格和列表视图之间切换时，为向所选<a>标记添加和删除.active类而构建的自定义指令仅在列表元素被单击两次时才会添加到列表元素中。网格元素的类add和remove运行良好。请注意，网格视图的默认设置是活动的，但我已经尝试删除它或默认将列表设置为活动的，这两者都不会影响问题。="gotoList()"> <&
浏览 4提问于2015-02-20得票数 0
2回答
如何使用CSS设置角度材质选项卡的样式？
javascript、css、angular-material
我对Angular非常陌生。我最近在我的应用程序项目中添加了类似于下面的Angular Material选项卡。}实现上述目标的传统方法是通过然而，这是不可能实现的，因为我不能对运行时生成的任何Mat-X元素进行自定义的CSS类/CSS样式。
浏览 19提问于2019-10-25得票数 6
1回答
如何在angular 4中扩展datapipe中设置语言环境？
javascript、angular、date、locale
我有一个从DataPipe Angular类扩展的自定义管道。import { Pipe, PipeTransform } from '@angular/core'; return super.transform(value, format );}
浏览 0提问于2018-03-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
