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一直输的号能继续打吗，wepoker透视脚本安卓-真是是有辅助app（哔哩哔...
透视详细！wejoker辅助软... 透视详细！wejoker辅助软件，wepoker黑侠辅助器正版下载-果然真的是有辅助技巧（哔哩哔哩）...
透视解谜！wepoker网页版... 透视解谜！wepoker网页版透视方法，wepoker祈福有用吗-本来存在有辅助app（哔哩哔哩）进...
透视开挂！we-poker靠谱... 透视开挂！we-poker靠谱吗，wepoker代打辅助机器人-竟然真的有辅助插件（哔哩哔哩）1、每...
透视专业！德普之星透视辅助软件... 透视专业！德普之星透视辅助软件是真的吗，德普之星透视辅助软件下载-果然是真的有辅助攻略（哔哩哔哩）1...
透视辅助！wpk俱乐部有没有辅... 透视辅助！wpk俱乐部有没有辅助，wpk透视辅助方法-都是是有辅助攻略（哔哩哔哩）1、完成辅助器v3...
透视辅助！wpk俱乐部是做什么... 透视辅助！wpk俱乐部是做什么的，wpk有那种辅助吗-原来真的是有辅助工具（哔哩哔哩）1、完成有辅助...
透视辅助！wpk免费辅助，wp... 透视辅助！wpk免费辅助，wpk透视怎么安装-好像存在有辅助脚本（哔哩哔哩）1、每一步都需要思考，不...
透视教你！wpk插件，如何下载... 透视教你！wpk插件，如何下载wpk透视版-其实是有辅助技巧（哔哩哔哩）1、下载好正确养号方法之后点...
透视揭幕！wpk作弊，如何下载... 透视揭幕！wpk作弊，如何下载wpk透视版-一直真的是有辅助方法（哔哩哔哩）亲，关键说明，透视脚本安...