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、不需要AI权限，帮助你快速...
第五分钟插件！微信小程序边锋辅... 第五分钟插件！微信小程序边锋辅助器教程，欢乐茶馆辅助器（本来真的是有辅助神器）-哔哩哔哩1、每一步都...
第5分钟步骤!拱趴大菠萝自动计... 第5分钟步骤!拱趴大菠萝自动计算机器人(透视)真是存在有辅助插件(哔哩哔哩)一、拱趴大菠萝自动计算机...
6分钟脚本！牛魔王辅助器，九九... 6分钟脚本！牛魔王辅助器，九九联盟辅助神器（一直真的是有辅助软件）-哔哩哔哩小薇（辅助器软件下载）致...
3分钟要领!pokemmo辅助... 3分钟要领!pokemmo辅助器脚本下载(透视)果然是有辅助插件(哔哩哔哩)1）pokemmo辅助器...
第九分钟安装！雀友圈辅助器，边... 第九分钟安装！雀友圈辅助器，边锋老友填大坑辅助（都是真的有辅助修改器）-哔哩哔哩1、玩家可以在边锋老...
第6分钟教材!wepoker怎... 第6分钟教材!wepoker怎么破解游戏(透视)好像真的有辅助教程(哔哩哔哩)1、任何wepoker...
第3分钟安装！广东雀神麻木智能... 第3分钟安装！广东雀神麻木智能插件安装，闽南游手在线辅助器（竟然是有辅助插件）-哔哩哔哩广东雀神麻木...
三分钟操作!德州之星扫描器(透... 三分钟操作!德州之星扫描器(透视)确实有辅助辅助(哔哩哔哩)1、德州之星扫描器有没有辅助教程、德州之...
第九分钟辅助！手机填大坑辅助器... 第九分钟辅助！手机填大坑辅助器，哈局八张有没有透视挂（本来有挂辅助修改器）-哔哩哔哩所有人都在同一条...