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、佛手在线大菠萝辅助免费辅助多个强...
透视关于！wpk透视是真的吗（... 透视关于！wpk透视是真的吗（透视）aapoker透视插件，教程秘籍（有挂技巧）-哔哩哔哩1、用户打...
wepoker轻量版透视方法!... wepoker轻量版透视方法!hhpoker辅助靠谱吗(透视)脚本-果然解迷真的是有挂wepoker...
透视关于！德州透视竞技联盟（透... 透视关于！德州透视竞技联盟（透视）wejoker辅助软件，教程指引（有挂讲解）-哔哩哔哩1、全新机制...
we poker辅助器下载!来... we poker辅助器下载!来玩德州破解器(透视)神器-总是辅助真的有挂we poker辅助器下载是...
透视专业！德普之星透视辅助软件... 透视专业！德普之星透视辅助软件下载（透视）impoker辅助，教程讲义（有挂攻略）-哔哩哔哩1、完成...
hhpoker德州牛仔视频!w... hhpoker德州牛仔视频!wepoker私人局辅助(透视)方法-切实揭幕真的是有挂1、超多福利：超...
透视详细！wepoker免费脚... 透视详细！wepoker免费脚本咨询（透视）We poker辅助器下载，教程课程（有挂细节）-哔哩哔...
wepoker辅助器最新版本更... 您好，wepoker辅助器最新版本更新内容这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485...
透视必备！约局吧透视脚本（透视... 透视必备！约局吧透视脚本（透视）wepoker脚本下载，教程机巧（有挂方式）-哔哩哔哩1、打开软件启...