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

相关内容

热门资讯

关于透视！wepoker作弊方... 关于透视！wepoker作弊方法，微乐房间辅助工具在哪下载，绝活教程（揭秘有挂）-哔哩哔哩所有人都在...
教你透视！拱趴大菠萝有挂吗，微... 教你透视！拱趴大菠萝有挂吗，微信小程序有挂吗辅助，手筋教程（有挂详情）-哔哩哔哩1、拱趴大菠萝有挂吗...
教你透视！wepoker到底有... 教你透视！wepoker到底有没有透视，微乐自建房脚本下载，机巧教程（有挂解惑）-哔哩哔哩1、进入游...
解谜透视！hhpoker有透视... 解谜透视！hhpoker有透视功能吗，微乐广西小程序开发，资料教程（有挂详细）-哔哩哔哩1、hhpo...
总结透视！wepoker网页版... 总结透视！wepoker网页版透视方法，微信小程序微乐破解器，阶段教程（有挂神器）-哔哩哔哩1、we...
总结透视！来玩德州破解器，微乐... 总结透视！来玩德州破解器，微乐自建房辅助入口官网，攻略教程（有挂助手）-哔哩哔哩1、超多福利：超高返...
了解透视！we poker辅助... 了解透视！we poker辅助器v3.3，微乐小程序多乐辅助器，课程教程（有挂分享）-哔哩哔哩1、在...
详情透视！wepoker插件程... 详情透视！wepoker插件程序激活码，微信小程序微乐房间的挂多少钱，指南教程（有挂猫腻）-哔哩哔哩...
开挂透视！hhpoker是正品... 开挂透视！hhpoker是正品吗，微乐河南家乡麻将辅助脚本，技法教程（有挂攻略）-哔哩哔哩1、玩家可...
专业透视！哈糖大菠萝可以开挂吗... 专业透视！哈糖大菠萝可以开挂吗，微信微乐辅助器下载，积累教程（有挂总结）-哔哩哔哩1、哈糖大菠萝可以...