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的大活动区域会防止及时隐藏和访问下方的元素。

相关内容

热门资讯

突发！在哪里下载微乐自建房辅助... 突发！在哪里下载微乐自建房辅助软件，德普之星辅助器怎么用，项目教程（存在有挂）-哔哩哔哩1、完成在哪...
透视规律！德普之星透视辅助软件... 透视规律！德普之星透视辅助软件激活码，德普之星透视辅助软件激活码（透视）原来真的有挂（存在有挂）-哔...
近期！开心泉州小程序有挂吗，微... 近期！开心泉州小程序有挂吗，微乐自建房辅助工具下载入口在哪，课程教程（有挂透明挂）-哔哩哔哩1、微乐...
透视中牌率！德普之星怎么设置埋... 透视中牌率！德普之星怎么设置埋牌，德普软件（透视）好像是有挂（有挂详情）-哔哩哔哩1、让任何用户在无...
据悉！雀友软件脚本辅助器，微乐... 据悉！雀友软件脚本辅助器，微乐家乡麻将辅助，资料教程（今日头条）-哔哩哔哩1、雀友软件脚本辅助器有没...
透视神器！德普之星透视辅助软件... 透视神器！德普之星透视辅助软件是真的吗，德普辅助软件（透视）其实是真的挂（果真有挂）-哔哩哔哩1、每...
为切实保障！多乐小程序如何开辅... 为切实保障！多乐小程序如何开辅助，财神13章脚本安全吗，办法教程（有挂规律）-哔哩哔哩所有人都在同一...
透视智能ai！德普辅助器怎么用... 透视智能ai！德普辅助器怎么用，德普之星的辅助工具介绍（透视）真是存在有挂（有挂讲解）-哔哩哔哩德普...
为切实保障！福建大菠萝辅助器，... 为切实保障！福建大菠萝辅助器，德普之星私人局辅助器，指南教程（有挂分享）-哔哩哔哩1、德普之星私人局...
透视有挂！德普之星辅助器，德普... 透视有挂！德普之星辅助器，德普辅助器怎么用（透视）切实存在有挂（有挂技术）-哔哩哔哩1、德普辅助器怎...