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

相关内容

热门资讯

随着！约局吧app有挂吗，德扑... 随着！约局吧app有挂吗，德扑之星辅助器app，都是是真的有挂（确实有挂）德扑之星辅助器app透视方...
今日重大通报！微乐家乡app下... 今日重大通报！微乐家乡app下载，微乐游戏小程序辅助器免费苹果版，详细教程（揭秘有挂）微乐游戏小程序...
目前来看！德州局怎么透视，德扑... 目前来看！德州局怎么透视，德扑之星辅助器app，切实是真的有挂（揭秘有挂）德扑之星辅助器app能透视...
盘点一款！南宁友乐辅助，功夫川... 盘点一款！南宁友乐辅助，功夫川麻辅助，详细挂（有挂分享）1、玩家可以在南宁友乐辅助透视最简单三个步骤...
今年以来！wepoker代打辅... 今年以来！wepoker代打辅助机器人，德扑之星辅助工具如何打开，真是真的有挂（揭秘有挂）1、该软件...
科普常识！凑一桌小程序辅助器，... 科普常识！凑一桌小程序辅助器，山西扣点子技巧，详细器（有挂分析）1、实时凑一桌小程序辅助器透视辅助更...
此事备受玩家关注！wepoke... 此事备受玩家关注！wepoker有用吗，德扑之星透视辅助插件，竟然是真的有挂（有挂教学）1、德扑之星...
推荐十款！陕麻圈破解，微信超级... 您好，微信超级3+1挂辅助这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很...
2026版复盘！pokerwo... 2026版复盘！pokerworld破解版下载，德普之星透视辅助软件，果然存在有挂（有挂透视）1、实...
推荐十款！hhpoker大菠萝... 推荐十款！hhpoker大菠萝有没有作比，福建天天开心王国辅助，详细插件（有挂透明挂）1、进入游戏-...