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辅助软件)外挂黑科技辅助器(透视)果然真的是有挂(黑科技工具)；1、首先打开德州...
黑科技辅助挂(微扑克系统发牌规... 黑科技辅助挂(微扑克系统发牌规律)外挂黑科技辅助挂(透视)竟然有挂(黑科技脚本)暗藏猫腻，小编详细说...
黑科技苹果版(wepoke有挂... 黑科技苹果版(wepoke有挂吗蓝鸟)外挂黑科技辅助插件(透视)总是存在有挂(黑科技细节)1、玩家可...
黑科技辅助挂(wpkai辅助实... 黑科技辅助挂(wpkai辅助实战效果)外挂透视辅助教程(透视)总是是真的有挂(黑科技解密)；一、wp...
黑科技好友房(德扑之星辅助器购... 黑科技好友房(德扑之星辅助器购买)外挂黑科技辅助神器(透视)都是真的是有挂(黑科技详情)；1、德扑之...
黑科技实锤(德州之星app有漏... 黑科技实锤(德州之星app有漏洞吗)外挂透明挂辅助神器(透视)好像是真的有挂(黑科技详情)1、下载好...
黑科技新版(德扑ai代打可靠吗... 黑科技新版(德扑ai代打可靠吗)外挂透视辅助神器(透视)一贯有挂(黑科技解说)；1.德扑ai代打可靠...
黑科技总结(aa扑克发牌机制)... 黑科技总结(aa扑克发牌机制)外挂黑科技辅助助手(透视)切实真的是有挂(黑科技工具)；一、aa扑克发...
黑科技软件(wepoke透明真... 黑科技软件(wepoke透明真的吗)外挂透明挂辅助神器(透视)总是有挂(黑科技辅助)；1、下载好we...
黑科技数据(微扑克透明挂)外挂... 黑科技数据(微扑克透明挂)外挂透视辅助软件(透视)真是存在有挂(黑科技脚本)1、在微扑克透明挂ai机...