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

相关内容

热门资讯

一起来讨论！四川途游麻将外挂，... 一起来讨论！四川途游麻将外挂，wepoker破解版内购，介绍教程（有挂技巧）;人气非常高，ai更新快...
一分钟教会你！微乐河南麻将辅助... 一分钟教会你！微乐河南麻将辅助ios，wepoker到底有没有透视，技巧教程（有挂透视）相信很多朋友...
信息共享！广西友乐免费辅助，h... 信息共享！广西友乐免费辅助，hhpoker是真的假的，必胜教程（有挂细节）；广西友乐免费辅助简单的灵...
推荐十款！途游大作战辅助，po... 推荐十款！途游大作战辅助，pokemmo辅助工具，曝光教程（确实有挂）；最新版2026是一款经典耐玩...
推荐一款！卡五星游戏源码，德扑... 您好：卡五星游戏源码这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特...
热点讨论！h5大厅反杀，wej... 热点讨论！h5大厅反杀，wejoker辅助软件，可靠技巧（有挂方式）；h5大厅反杀最新版本免费下载安...
玩家科普！授权二厅辅助，wpk... 玩家科普！授权二厅辅助，wpk有那种辅助吗，科技教程（新版有挂）是一款可以让一直输的玩家，快速成为一...
一分钟揭秘！微乐老友广东辅助器... 一分钟揭秘！微乐老友广东辅助器，wejoker私人辅助软件，可靠教程（有挂神器）是一款可以让一直输的...
玩家科普！波特互娱辅助，红龙p... 玩家科普！波特互娱辅助，红龙poker辅助工具，解密教程（有挂助手）是一款可以让一直输的玩家，快速成...
推荐攻略！打哈儿床将作弊，德普... 推荐攻略！打哈儿床将作弊，德普之星透视免费，介绍教程（有挂分享）；推荐攻略！打哈儿床将作弊，德普之星...