AngularMaterial:mat-error封装问题
创始人
2024-10-28 08:01:12
0次

在使用Angular Material中的mat-error组件时，可能会遇到该组件无法封装在自定义组件中的问题。解决方法如下：

1.使用ng-content将mat-error组件作为子组件在父组件中引用。例如：

This field is required

2.设置ViewEncapsulation.None，如下所示：

import { Component, ViewEncapsulation } from '@angular/core';

@Component({ selector: 'app-form-field', templateUrl: './form-field.component.html', styleUrls: ['./form-field.component.scss'], encapsulation: ViewEncapsulation.None }) export class FormFieldComponent {}

然后，在自定义组件模板中，不要再使用Encapsulation.None指令，否则会破坏组件封装性。

上一篇：AngularMaterial:定制主题后组件背景色变为透明

下一篇：AngularMaterial:MatTooltip的大活动区域会防止及时隐藏和访问下方的元素。

相关内容

热门资讯

2分钟辅助！创思维激k辅助，其... 2分钟辅助！创思维激k辅助，其实是真的有辅助器（有挂攻略）1、玩家可以在创思维激k辅助线上大神俱乐部...
第2分钟辅助！智星菠萝透视，一... 第2分钟辅助！智星菠萝透视，一直是有辅助技巧（有挂总结）所有人都在同一条线上，像星星一样排成一排，每...
八分钟辅助！广东雀神胜率修改，... 八分钟辅助！广东雀神胜率修改，确实有辅助插件（存在有挂）1、点击下载安装，广东雀神胜率修改脚本分类一...
第1分钟辅助！雀友软件脚本辅助... 第1分钟辅助！雀友软件脚本辅助器，真是是有辅助脚本（有挂解密）1、在雀友软件脚本辅助器插件功能辅助器...
第4分钟辅助！海盗来了辅助器最... 第4分钟辅助！海盗来了辅助器最新，其实是有辅助器（有挂规律）海盗来了辅助器最新破解侠是真的助透视。每...
七分钟辅助！皮皮辅助，好像真的... 七分钟辅助！皮皮辅助，好像真的有辅助插件（有挂细节）在进入皮皮辅助软件靠谱后，参与本局比赛的八名玩家...
四分钟辅助！开心泉州免费辅助器... 四分钟辅助！开心泉州免费辅助器，本来是真的有辅助神器（有挂分享）1、开心泉州免费辅助器辅助器安装包、...
第8分钟辅助！欢聚水鱼虎步龙行... 第8分钟辅助！欢聚水鱼虎步龙行辅助器，本来有辅助神器（有挂方式）在进入欢聚水鱼虎步龙行辅助器软件靠谱...
第三分钟辅助！奇迹手游辅助，其... 第三分钟辅助！奇迹手游辅助，其实真的有辅助攻略（有挂细节）1、奇迹手游辅助有没有辅助教程、奇迹手游辅...
七分钟辅助！闲逸辅助插件，总是... 七分钟辅助！闲逸辅助插件，总是是真的有辅助神器（有挂方法）1、全新机制【闲逸辅助插件ai辅助工具激活...