angular6相关内容

如何在角度材料 2 中使用 mat-chip 和自动完成保存所选对象

我将 Angular 6 与 Angular Material 一起使用.我正在尝试从 mat-chip 和自动完成中保存选定的对象或选定对象的列表.我能够将字符串值发送到fruits[] 数组,但无法将选定的对象发送到fruits[] 数组.请帮我找到解决办法.谢谢. 我的演示项目链接:演示代码在stackblitz上 解决方案 你可以试试这个解决方案. 我在 Stackbl ..

从 angular 6 材质树中的子节点获取父层次结构

我正在按照 教程 在 angular 6 中实现 cdk 树.我创建了一个树结构,现在我想通过使其可点击来从子节点获取父层次结构,而像 getDescendants 这样的方法可以获取节点的子节点,反之亦然.如何从子节点或叶节点获取父层次结构. 解决方案 我已将这些方法添加到我的树组件中.请注意,我使用的是扁平树,这不适用于嵌套树. @Component({选择器:'es-outline ..

在 mat-table 父级中使用 ngif 时,mat-filtering/mat-sort 无法正常工作

请注意,分页/排序无法正常工作.分页不显示它显示的元素数量并且排序不起作用,但是如果您删除 html 文件中的行 *ngIf="dataSource?.filteredData.length > 0" 错误是固定的.如果你使用过滤,它可以工作,但它不显示过滤量 检查示例. https://stackblitz.com/编辑/angular-wqkekh-nm3pn2?file=app/ ..
发布时间:2021-11-10 01:40:35 其他开发

创建没有文件夹的组件

我需要创建一个没有文件夹的组件.我正在使用 Angular-Cli 命令 ng g c testing 来创建组件.但是,该命令会为新创建的组件创建一个文件夹包装器. 解决方案 您可以使用 --flat 标志. ng g c test --flat 有关更多信息,请关注此链接 平坦 = 真 |假 如果为 true,则会在当前项目的顶层创建新文件. 默认值:false ..
发布时间:2021-11-10 01:39:07 其他开发

有没有办法自定义角度日期选择器?

我需要帮助定制角度材料日期选择器,即https://material.angular.io/components/datepicker/overview.一旦我们点击日期,日历就不应该关闭.我应该可以有 2 个按钮,一个是“取消",另一个是“保存".单击保存按钮后,日历应关闭. 解决方案 我不知道这是否是更好的解决方案,但基于此 SO 答案,我认为解决方案是使用带有日历的菜单. 因为 ..
发布时间:2021-11-10 01:37:03 其他开发

如何删除轮廓 mat-form-filed 边框角半径

我正在使用有角度的材料轮廓 mat-form-field 来设计表单.我得到了带有边框角半径的默认 mat-form-field 轮廓文本框视图.有什么办法可以去掉outline mat-form-field的边框圆角半径,转成方形文本框视图. 我尝试使用以下内容更改角材料 mat-form-field 的默认样式,但它不起作用. //css .mat-form-field-appe ..
发布时间:2021-11-10 01:31:20 其他开发

带有 selectedIndex 设置的 Angular Stepper matStepperNext/matStepperPrevious 不起作用

我使用的是 matStepper,当我将 selectedIndex 设置为 3 时,我无法使用下一个和上一个导航.我可以单击水平步进器中的 (1),然后像往常一样使用下一个/上一个.所有表格都是有效的,我可以在单击 (1) 后使用 1-7 的 next 进行导航. 注意我有 this.selectedIndex = 3;硬编码 ..

如何更改 Angular Material 表中列的方向?

有谁知道这个例子中的表格如何:https://stackblitz.com/angular/dlxbkjqaoba?file=app%2Ftable-basic-example.ts 使列水平定向,大致如图所示: 解决方案 您可以在类中的 ngOnInit() 方法中使用反转表来给出所需的数据结构,然后迭代HTML 中的列列表以提供所需的列.下面是一个例子: ts 文件: i ..
发布时间:2021-11-10 01:25:23 其他开发

如何在服务中自动更改 URL,更改 URL 后,它应该影响所有组件,而无需在 angular6 中保存/构建/运行

我们正在托管一个带有 angular 6 的新应用程序,并且我们有许多带有 diff URL 的服务器,我想自动更改它们(如 Java 中的 .property 文件).在谷歌搜索后,我得到了一些答案,比如更改 environment.ts 文件中的路径,因此它会影响所有组件.但它不完全是我的要求,这意味着如果我更改 environment.ts 文件中的 URL,我们应该保存该文件,我们需要再次 ..
发布时间:2021-11-10 01:23:50 前端开发

如何将数据从角度材质对话框传递给父组件?

我使用的是 angular 6,我有一个按钮可以打开一个对话框.在我的对话框中,我有一个获取用户数据的表单,然后我有两个按钮可以提交和取消.我试图在控制台中显示我的表单数据,但它返回未定义!有什么问题?这是代码的一部分: ma​​in.component.ts: import { Work } from '../../../../classes/work_shift';从 './dialo ..
发布时间:2021-11-10 01:21:43 其他开发

angular 中的编辑和删除操作

我正在构建一个 crud 操作并且能够执行创建操作.现在我正在尝试编辑和删除它们.我尝试通过服务获取个人数据但失败了.如果有人能帮我解决这个问题就好了. service.ts //获取角色数据获取角色数据(){var headers = new HttpHeaders().set('Authorization', 'Token' +localStorage.getItem('usertok ..