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

相关内容

热门资讯

随着!牵手辅助器!好像存在有辅... 随着!牵手辅助器!好像存在有辅助app(真的有挂)-哔哩哔哩1、任何牵手辅助器透视是真的假的的玩家都...
有玩家发现!竹间智能辅助助手!... 有玩家发现!竹间智能辅助助手!其实是有辅助平台(有挂规律)-哔哩哔哩1、竹间智能辅助助手脚本辅助下载...
做出回应!潮汕鱼虾蟹挂辅助器!... 做出回应!潮汕鱼虾蟹挂辅助器!其实真的是有辅助平台(有挂透视)-哔哩哔哩1、点击下载安装，潮汕鱼虾蟹...
经核实!同城上饶辅助!果然真的... 经核实!同城上饶辅助!果然真的有辅助修改器(的确有挂)-哔哩哔哩所有人都在同一条线上，像星星一样排成...
据报道!中至鹰潭帮助器!确实真... 据报道!中至鹰潭帮助器!确实真的是有辅助神器(有挂猫腻)-哔哩哔哩1、下载好中至鹰潭帮助器正确养号方...
随着!微信小程序微乐挖坑辅助免... 随着!微信小程序微乐挖坑辅助免费!原来是有辅助安装(有挂方针)-哔哩哔哩1、用户打开应用后不用登录就...
一直以来!八闽状元郎辅助器!切... 一直以来!八闽状元郎辅助器!切实真的有辅助插件(有挂详情)-哔哩哔哩1、点击下载安装，八闽状元郎辅助...
无独有偶!广西八一字牌透明最新... 无独有偶!广西八一字牌透明最新版!竟然有挂辅助下载(有人有挂)-哔哩哔哩1、下载好广西八一字牌透明最...
围绕透视问题!丽水都莱app辅... 您好，丽水都莱app辅助这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很多...
据权威媒体报道!小唐家乐园辅助... 据权威媒体报道!小唐家乐园辅助器下载链接!确实是有辅助工具(有挂技术)-哔哩哔哩小唐家乐园辅助器下载...