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、微乐福建辅助器辅助器安装包、微乐...
突发！欢聚水鱼智能辅助教程，一... 突发！欢聚水鱼智能辅助教程，一直是有辅助工具（有人有挂）-哔哩哔哩突发！欢聚水鱼智能辅助教程，一直是...
昨日！奇迹山西辅助器，好像真的... 昨日！奇迹山西辅助器，好像真的有辅助平台（真的有挂）-哔哩哔哩1、奇迹山西辅助器免费脚本咨询教程、奇...
不少玩家反映！兴动互娱最强辅助... 不少玩家反映！兴动互娱最强辅助神器，都是真的是有辅助插件（有挂解惑）-哔哩哔哩1、兴动互娱最强辅助神...
据玩家消息！决战辅助软件，本来... 据玩家消息！决战辅助软件，本来有挂辅助安装（有挂分享）-哔哩哔哩进入游戏-大厅左侧-新手福利-激活码...