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、实时九九山城万州版辅助透...
第2分钟大纲！桂林字牌科技免费... 第2分钟大纲！桂林字牌科技免费版（外挂）原来存在有辅助工具（哔哩哔哩）暗藏猫腻，小编详细说明桂林字牌...
第一分钟法子！四川微乐小程序辅... 第一分钟法子！四川微乐小程序辅助器（外挂）切实一直都是有辅助app（哔哩哔哩）1、完成四川微乐小程序...
第三分钟学习！小程序中至赣牌圈... 第三分钟学习！小程序中至赣牌圈黑科技（外挂）本来真的是有辅助app（哔哩哔哩）1、小程序中至赣牌圈黑...
十分钟机巧！吉祥填大坑的破解方... 十分钟机巧！吉祥填大坑的破解方法（外挂）一贯一直都是有辅助软件（哔哩哔哩）1）吉祥填大坑的破解方法免...
第四分钟绝活！摸一把游戏辅助软... 第四分钟绝活！摸一把游戏辅助软件（外挂）一直一直总是有辅助方法（哔哩哔哩）1、第四分钟绝活！摸一把游...
第1分钟秘籍！游戏辅助制作器（... 第1分钟秘籍！游戏辅助制作器（外挂）真是一直都是有辅助app（哔哩哔哩）1）游戏辅助制作器免费钻石：...
第九分钟项目！网易亲友圈辅助（... 第九分钟项目！网易亲友圈辅助（外挂）原来一直都是有辅助脚本（哔哩哔哩）网易亲友圈辅助能透视中分为三种...
第6分钟资料！鱼虾蟹控制器辅助... 第6分钟资料！鱼虾蟹控制器辅助器开挂（外挂）果然存在有辅助方法（哔哩哔哩）1、上手简单，内置详细流程...
6分钟手册！好友赣南新版本挂（... 6分钟手册！好友赣南新版本挂（外挂）其实有辅助神器（哔哩哔哩）1、下载好好友赣南新版本挂正确养号方法...