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

相关内容

热门资讯

黑科技总结!德州之星有外挂(w... 黑科技总结!德州之星有外挂(wepoke透明黑科技)其实存在有挂(有挂存在)-哔哩哔哩您好，wepo...
黑科技ai代打!gg扑克正规(... 黑科技ai代打!gg扑克正规(wpk到底有没有外挂)从来真的是有挂(了解有挂)-哔哩哔哩wpk到底有...
黑科技中牌率!哈糖大菠萝有挂(... 黑科技中牌率!哈糖大菠萝有挂(wpk最新黑科技)起初是真的有挂(了解有挂)-哔哩哔哩1、wpk最新黑...
黑科技真的!aapoker透视... 黑科技真的!aapoker透视辅助(wepoke黑科技)原生存在有挂(有挂工具)-哔哩哔哩1、完成w...
黑科技苹果版!wepoke透明... 黑科技苹果版!wepoke透明挂在哪买(微扑克如何让系统发好牌)其实真的有挂(有挂总结)-哔哩哔哩是...
黑科技规律!智星德州菠萝安全(... 黑科技规律!智星德州菠萝安全(德州辅助神器软件)起初有挂(今日头条)-哔哩哔哩1、每个玩家都可以进行...
黑科技免费!扑克时间辅助(微扑... 黑科技免费!扑克时间辅助(微扑克有挂么)确实存在有挂(有挂规律)-哔哩哔哩；小薇（透视辅助）致您一封...
黑科技能赢!pokerwoel... 黑科技能赢!pokerwoeld安卓下载(德扑ai智能系统)好像是有挂(有挂方略)-哔哩哔哩1、每个...
黑科技神器!微扑克数据辅助软件... 自定义线上wpk德州ai机器人系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助...
黑科技辅助!约局吧辅牌器(微扑... 黑科技辅助!约局吧辅牌器(微扑克如何让系统发好牌)其实是真的有挂(揭秘有挂)-哔哩哔哩；人气非常高，...