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

相关内容

热门资讯

黑科技了解(aapoker俱乐... 黑科技了解(aapoker俱乐部后台可以操作吗)外挂黑科技辅助app(透视)其实真的有挂(黑科技脚本...
黑科技好友（wePOke）ai... 黑科技好友（wePOke）ai代打（黑科技）辅助器（真是真的有挂）辅助器中分为三种模型：软件透明挂、...
黑科技ai(智星德州菠萝辅助器... 黑科技ai(智星德州菠萝辅助器推荐)外挂透明挂辅助助手(透视)切实真的是有挂(黑科技插件)1）智星德...
大神辅助（微扑克）ai辅助神器... 大神辅助（微扑克）ai辅助神器（辅助挂）ai代打（一贯是有挂）您好，，确实是有挂的，很多玩家在这款游...
黑科技教学(德扑ai软件购买)... 黑科技教学(德扑ai软件购买)外挂透明挂辅助技巧(透视)切实是有挂(黑科技细节)一、德扑ai软件购买...
透视系统（wpK）透视辅助挂（... 透视系统（wpK）透视辅助挂（黑科技）透视辅助购买渠道（好像是真的有挂）1、构建自己的微扑克辅助插件...
黑科技数据(德州ai辅助软件排... 黑科技数据(德州ai辅助软件排名)外挂黑科技辅助技巧(透视)本来存在有挂(黑科技辅助)；1、首先打开...
黑科技ai代打（wePoKe）... 黑科技ai代打（wePoKe）软件能玩吗（黑科技）辅助挂（其实真的是有挂）；人气非常高，ai更新快且...
黑科技脚本(wepoke用模拟... 黑科技脚本(wepoke用模拟器)外挂透视辅助软件(透视)总是是有挂(黑科技黑科技)；亲，关键说明，...
黑科技透明（we poker）... 黑科技透明（we poker）辅助插件安装（黑科技）辅助（本来是真的有挂）1、许多玩家不知道辅助软件...