Angular Material项目是Angular中Material Design的实现。该项目基于Material Design系统提供了一组可重用，经过良好测试和可访问的UI组件。不要将此标记用于AngularJS Material，即旧版AngularJS框架的Material Design实现。
最常见的是，您会以如下方式设置垫选项文本。 {{ 类型.值 }} 问题是我有一个处理指令...
有两个简单的测试来查找元素并将它们与数字进行比较。第一组元素位于 之外。第二组元素位于 内部。
在有角度的材料中，包含输入元素的垫表单字段采用默认颜色，我想覆盖文本和下划线的颜色。 我可以使用
我正在使用垫菜单将项目中的可用选项显示为面包屑。当我尝试添加新项目时，它会添加到数据库并且数组对象可以正确获取它，但是角度垫 -...
我尝试从我的组件中打开“角度材质”对话框。但对话框打开后立即关闭。 我知道 Stackoverflow 上有一些类似的问题，但他们的答案似乎不是
Angular Material 15 表单字段浮动标签刻度
我正处于将 Angular Material 14 组件升级到 15 组件（从旧版迁移到 MDC 实现）的非常困难的过程中。 到目前为止，我已经使用 CSS 选择器优先级来覆盖...
更新到 Angular v17.3 时我们应该使用什么版本的 TypeScript，但在 v16.2 上保留 @Angular/material
我们有一个大型网络应用程序，使用了大量的角度/材料组件。当将 Angular 更新到 v17.3 时，一切正常。但因为我们使用了很多遗留组件，所以我们想离开@angular/
使用 Angular CDK 14.2.1，当使用 @angular/cdk/dialog 中的对话框模块时，对话框会打开，但不会作为 UI 顶部的本机模式，而是显示在 html 流之后，因此它会呈现
我在使用 Angular Material Tabs 组件时遇到问题。我正在尝试使用 MatTabGroup 中的一些选项卡。问题是，当我的组件被创建时，分页按钮......
嗨，我正在尝试减少 Angular 18 反应形式中项目之间的间距。 我在 stackoverflow 上看到了一个使用 subscriptSizing 模块的答案： 如何去除空间底部垫状纤维...
从字符串中提取 href 并再次将更新后的数据绑定到 Angular 中的元素
我在innerHtml中得到一个像这样的字符串 data.testString 包含如下数据， 数据.testString =“ 我在innerHtml中得到一个像这样的字符串 <div class="wrapper" [innerHTML]="data.testString"> data.testString 包含如下数据， data.testString="<p>some info, email <a href="mailto:[email protected]">[email protected]</a> info </p>"; 我想为锚标记添加 aria-label。 <a aria-label="[email protected]" href="mailto:[email protected]">[email protected]</a> 所以我在.ts文件中添加了以下代码 ngAfterViewInit(): void { var myData = this.data.testString; var element = myData!.match!(/href="([^"]*)/)![1]; var ariaLabel = "EmailId " + element; this.data.testString= this.data.testString!.replace('<a', '<a aria-label = "' + ariaLabel + '" '); } } 但是我遇到了以下错误 global-error-handler.ts:26 TypeError: Cannot assign to read only property 'testString' of object '[object Object]' 如何解决这个问题？ 我不确定是否理解所有内容，但以下内容可能会对您有所帮助： 字符串字符转义 var testString="<p>some info, email <a href="mailto:[email protected]">[email protected]</a> info </p>"; 存在引号问题：双引号字符串不能包含双引号，除非用 \ 字符转义（参见 https://www.w3schools.com/js/js_strings.asp -> 转义字符部分） 您可以通过用简单引号替换一些双引号来解决此问题： "<p>some info, email <a href='mailto:[email protected]'>[email protected]</a> info </p>" 正则表达式 var href = datar!.match!(/href="([^"]*)/)![1]; 不确定这是您需要的模式。尝试一下： var href = datar!.match!(/href=\'mailto:([a-z@.]+)'/)![1]; DOM 元素操作 关于向 中添加 aria-label 属性，你最好使用 Angular nativeElement.setAttribute(key, value) 原生 javascript querySelector （参见 https://indepth.dev/posts/1336/how-to-do-dom-manipulation-properly-in-angular 和 https://angular.io/guide/property-binding） 最后我强烈建议使用 RegExr 来测试你的正则表达式 https://regexr.com/7ep0u 以及 jsfiddle.net 在安全的环境中测试您的 JavaScript ：https://jsfiddle.net/nkarfgx3/
我正在运行一个 Angular 12 项目，当用户在有进程仍在运行时尝试离开/刷新页面时，我想用 Angular 对话框替换默认警告对话框（删除默认...
Angular Material DateRange Picker 与 mat-label 混淆
我正在使用这里的 Angular Material 16 DateRangePicker。我已经从这段代码中集成了相同的示例 这是此代码的 stackblitz 示例。我在新选项卡中打开了它的预览，我得到了......
使用 Angular 版本 18.2.6（注意：有以前的 SO 线程，但没有适用于此版本）。 我有一个独立组件 NavbarComponent，我想在其中包含图像。 HTML 为...
在应用程序之间滑动时，日期时间本地输入出现 NotAllowedError
我有一个 Angular Material 日期时间本地输入，如下所示： 我有一个 Angular Material 日期时间本地输入，如下所示： <input matInput #startDatePicker type="datetime-local" step="1" formControlName="startDate" placeholder="Select start date" (focus)="startDatePicker.showPicker()" max="9999-12-31T23:59:59" required /> 如果我将输入焦点放在打开日历选择器上，然后滑动到全屏应用程序然后向后滑动，或者甚至只是更改选项卡然后再更改回来，我会得到： NotAllowedError: Failed to execute 'showPicker' on 'HTMLInputElement': HTMLInputElement::showPicker() requires a user gesture. 据我了解，它特别需要用户的点击或触摸。也就是说，我更喜欢在输入上使用（焦点）而不是（单击），以防万一有人想要按 Tab 键将其聚焦。 我假设当我自行返回窗口时，Mac/Chrome 正在“重新聚焦”最后选择的输入，从而导致错误。我很感激任何建议： 有没有办法完全抑制“重新聚焦”？ 我应该在应用程序中抑制错误本身吗？ 或者有其他方法可以换出（焦点）并获得我想要的类似功能吗？ 感谢您的宝贵时间！ 尝试切换到单击事件而不是焦点...因为我认为问题是当您单击输入时，然后返回到 vscode 它会失去焦点。 <input matInput #startDatePicker type="datetime-local" step="1" formControlName="startDate" placeholder="Select start date" (click)="startDatePicker.showPicker()" max="9999-12-31T23:59:59" required />
Angular Material DatePicker 示例不起作用？
我仍然对 Angular Material 的 DatePicker 感到困惑。我必须实现三件事： 使用另一种语言 使用另一种日期格式 修复了错误，其中时间部分...
安装@angular/material-moment-adapter时出错
我尝试使用材料日期选择器，但在使用其他语言时遇到问题。我找到的每个解决方案都说我必须安装“material-moment-adapter”并且我必须使用
我正在开发 Angular 应用程序，我面临一个问题，即组件中定义的样式未按预期应用。我已经尝试了几个故障排除步骤，但似乎没有一个......
在 HTML 中使用 MatSelect 测试 Angular 组件时出现笑话错误“无法绑定到 'panelClass'，因为它不是 'mat-select' 的已知属性”
我的一些组件在其 HTML 中包含 MatSelect，对于每个此类组件的测试文件，我遇到以下问题。 自从我将设置从 Karma 转移到 Jest 后，（在 Angular 16、17、18 中）_o...
在Angular材质进度微调器组件中，我们实际上可以通过设置直径来设置尺寸。我想知道是否有一个选项可以使这个直径响应，以便它基于窗口大小。 在 Angular 材质进度微调器组件中，我们实际上可以通过设置直径来设置尺寸。我想知道是否有一个选项可以使这个直径响应，以便它基于窗口大小。 <mat-progress-spinner [diameter]=24> </mat-progress-spinner> 我想要的是： <mat-progress-spinner [diameter]="some-relative-size"> </mat-progress-spinner> 你可以根据窗口在你的TS文件中声明一个变量吗？ export class MyComponent { diameter = window.clientWidth / 10; }