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辅助器... 推荐透视！wepoker辅助器安装包定制，微信微乐辅助插件，法子教程（有挂秘笈）-哔哩哔哩1、该软件...
解谜透视！hhpoker有没有... 解谜透视！hhpoker有没有作弊辅助，微信微乐辅助器下载，妙计教程（了解有挂）-哔哩哔哩1.hhp...
推荐透视！wepoker透视脚... 推荐透视！wepoker透视脚本免费下载，微乐自建房道具有用吗，练习教程（有挂技巧）-哔哩哔哩1.w...
曝光透视！wepoker有辅助... 曝光透视！wepoker有辅助器吗，手机微乐小程序破解器如何使用，操作教程（有挂头条）-哔哩哔哩1、...
了解透视！aa poker辅助... 了解透视！aa poker辅助，微信小程序微乐辅助器贴吧，要领教程（有挂方式）-哔哩哔哩运aa po...
科普透视！hhpoker哪个俱... 科普透视！hhpoker哪个俱乐部靠谱，微乐云南小程序辅助器，诀窍教程（发现有挂）-哔哩哔哩1、操作...
必备透视！拱趴大菠萝挂怎么安装... 必备透视！拱趴大菠萝挂怎么安装，微信小程序微乐辅助器苹果，手筋教程（有挂技巧）-哔哩哔哩1、必备透视...
解谜透视！wpk模拟器是什么，... 解谜透视！wpk模拟器是什么，微乐小程序辅助脚本靠谱的，办法教程（有挂辅助）-哔哩哔哩1、玩家可以在...
必备透视！wepoker网页版... 必备透视！wepoker网页版透视方法，微乐小程序修复系统有用吗，方针教程（有挂方法）-哔哩哔哩1）...
推荐透视！aapoker透视脚... 推荐透视！aapoker透视脚本，微信小程序微乐自建房脚本下载，指引教程（有挂技术）-哔哩哔哩1、a...