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

相关内容

热门资讯

黑科技ai代打(智星德州菠萝有... 黑科技ai代打(智星德州菠萝有挂吗)外挂透明挂辅助技巧(透视)其实真的有挂(黑科技详情)；一、智星德...
黑科技玄学（WePoKer）软... 黑科技玄学（WePoKer）软件能玩吗（黑科技）软件机器人（一直存在有挂）；是一款可以让一直输的玩家...
黑科技线上(wpk辅助挂)外挂... 黑科技线上(wpk辅助挂)外挂透明挂辅助软件(透视)果然存在有挂(黑科技黑科技)进入游戏-大厅左侧-...
黑科技有挂（wepOke）辅助... 黑科技有挂（wepOke）辅助插件好用吗（黑科技）计算辅助（其实存在有挂）；黑科技有挂（wepOke...
黑科技了解(德扑之星作弊)外挂... 黑科技了解(德扑之星作弊)外挂透视辅助助手(透视)真是真的有挂(黑科技工具)；1、下载好德扑之星作弊...
透视工具（wPk）发牌机制（黑... 自定义系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不管你是想分享给你好...
黑科技代打（wepoker）辅... 黑科技代打（wepoker）辅助（黑科技）辅助使用方法（其实真的有挂）；小薇（透视辅助）致您一封信；...
黑科技玄学(微扑克有挂么)外挂... 黑科技玄学(微扑克有挂么)外挂黑科技辅助助手(透视)原来有挂(黑科技教程)；1、全新机制【微扑克有挂...
黑科技玄学(wepoke透明挂... 黑科技玄学(wepoke透明挂是真的吗)外挂透视辅助方法(透视)竟然真的是有挂(黑科技教程)wepo...
黑科技攻略（wEpOke）辅助... 黑科技攻略（wEpOke）辅助多久会检测到（黑科技）辅助工具的使用教程（一贯有挂）1）辅助挂：进一步...