我正在做一个有两个下拉菜单的项目。 在那里,我能够根据在另一个下拉列表中选择的选项动态禁用/启用一个下拉列表的选项: 代码: HTML代码: 但我也想在选择“所有口袋妖怪”时禁用/启用两个下拉菜单的所有其他选项。 比如,如果在第一个下拉菜单中选择了“所有口袋妖怪”,那么所有其他选项和第二个下拉菜 ...
我正在做一个有两个下拉菜单的项目。 在那里,我能够根据在另一个下拉列表中选择的选项动态禁用/启用一个下拉列表的选项: 代码: HTML代码: 但我也想在选择“所有口袋妖怪”时禁用/启用两个下拉菜单的所有其他选项。 比如,如果在第一个下拉菜单中选择了“所有口袋妖怪”,那么所有其他选项和第二个下拉菜 ...
Angular:15.0.4 CDK/材料:15.0.3 浏览器:Safari 16.2 操作系统:macOS 是否可以自定义更紧凑form-field ? .my-mat-form-field-density-5 正在工作。 .my-mat-form-field-density-8 no ...
我正在尝试将<mat-select>添加到我的 Ionic/Angular 项目中,但它没有正确呈现。 我正在使用angular-material 文档但这是我页面上显示的结果: 这是我的代码: 是的,我已经在我正在使用它的模块以及我的MatSelectModule中导入了MatFor ...
根据要求,我有两个手风琴,每个手风琴都有一个独立的桌子。 通过单击第一个手风琴,它会打开并调用 API,从后端获取数据并呈现在第一个手风琴内的表格上。 使用此表,排序工作正常,但当我打开第二个手风琴排序时,排序不起作用。 HTML 代码:<mat-accordion multi="fals ...
我有下面的 MatDialog 现在我从一个组件打开MatDialog ,如下所示 现在我想从另一个组件关闭对话框 当我这样做时,出现异常 所以添加了提供者如下 使用提供程序代码修复了错误,但是在我单击oncloseClick function 时出现以下错误 ...
我使用的是普通的 Angular Material Datepicker (Angular 13),但我添加了一些操作按钮: 一个清除日期一个将日期设置为“无穷大” 确定按钮(我想摆脱它) 看我的例子: https://stackblitz.com/edit/angular-material-13- ...
我知道这个问题自 2018 年以来一直在发生,并且有很多帖子和不同的解决方案,但没有一个对我有用。 我创建了一个新的 Angular 14 项目,删除了启动模板,添加了电容器和材料。 我从第一个Material 示例中添加了 slider 。 如果我通过以下方式运行项目: 我明白了: 它在浏览器中 ...
我正在尝试在 angular 材料中添加 html 内容,但标签在 html 中显示为简单文本,例如“第一行<br> .here 应该是新行” ...
试图为复选框设置限制但不起作用。 如果我 select 超过 2 个复选框,我想不允许 select。 我试过但不能正常工作。 如果有人知道,请帮助找到解决方案。 mauto.component.ts: 演示: https://stackblitz.com/edit/angular-ivy-enw ...
试图通过 json 数据更改 mat 选项复选框的值,但无法更改。我有三个按钮,每个按钮都有 josn 数据文件。如果我单击新数据 1 按钮,我想为 selectOptions 设置该值,同样适用其他。 如何做到这一点以及如何解决这个问题。 app.component.ts: 演示: https: ...
尝试重新检查 mat 复选框但不工作。 在我的应用程序中单击“Select Checkbox Car and Bus”按钮后单击输入框并选中 Bus and Car 然后单击 Bus and Car 的取消按钮。 再次单击输入字段,现在看到 Bus 和 Car 的复选框未选中但此处已选中。 所以在这 ...
试图通过传递值来检查 mat 复选框,但它不起作用。 如果我单击按钮复选框,则应通过传递值来检查。 那么,该怎么做呢? 如果有人知道,请帮助找到解决方案。 app.component.ts: app.component.html: 演示: https://stackblitz.com/edit ...
要求:当我单击每行上的保存图标时,我想在浏览器控制台中打印所选值。 这是我的例子。 https://stackblitz.com/edit/angular-isif36-uokotq?file=app/select-value-binding-example.html 问题 1:当我写[(ng ...
在 Angular9 中,我已经安装了 angular-material,但它给出了以下错误。 目标入口点“@angular/material/sidenav”中的错误缺少依赖项: @角/cdk/平台 @angular/cdk/滚动 @角/cdk/a11y @角/cdk/比迪 ...
我们开始为我们的 Angular(目前是 12 版)项目实现一个组件库。 目前,我们将第一个组件实现为蓝图。 该组件应封装带有标签、mat-errors、一些验证器等的 Material 输入 ( matInput ),以便开发人员只需要编写 s.th。 喜欢 <our-input max- ...
在表单组内使用 mat-select 在 ts 文件中将值设置为表单控制formula ,不会触发更改事件 更改事件代码不会被调用,但是,可以从列表中手动选择值 ...
我可以使用 ngFor 来更改表数据源吗? 在 div 中运行一个 ngFor 来更改 tableData 源而不是每次都明确提及应用程序数据表? 这是stackbiltz ...
我被要求在工作中使用 Angular 做这个项目,老实说之前没有接触过 Angular 2。 我可以使用 jQuery 做到这一点,但我无法让它在 Angular 中工作。基本上,在这个模式中,我有一个表格,它只是一个模板,您可以在其中选择要包含在 email 中的信息. 我有一个 mat-sele ...
有什么方法可以更改 angular 材料中的默认灰色调色板? 我想将材质中的整个深色模式灰色更改为自定义颜色,例如Tailwindcss中的Slate颜色 我试图在材料代码库中找出它,但还找不到。 谢谢。 ...
一旦尝试在浏览器中访问应用程序,它就会继续加载并在 tabs.js 文件中抛出 500 -1000 错误。 (this._tabList.nativeElement 为空)。 我们在项目中使用 Mat-tab。 看起来材料设计导致了这个问题 ...