• 提交表格mat-radio-group

    When I try submit form and when I console.log() it only appear null without value. This my demo code and stackblitz 的HTML <form [formGroup]="changeNotifyForm" (ngSubmit)="onSubmit()"> <mat-radio-group class="example-radio-group" name="favoriteSeason" [(ngM...
  • 增加宽度并为占位符输入添加占位符

    我正在使用mat输入(下面的代码):看起来像这样(在屏幕截图下方)-添加一个placholder,一旦用户开始键入它就会消失。。目前,在我的实现中,文本向上移动并浮动(一旦焦点位于输入框),并且文本始终显示在用户界面上。 我正在尝试使它像这样(截图下方)- 有人可以帮助我实现我想要的吗? <mat-form-field> <mat-label>Find {{ this['groupType'] }} by Name</mat-label> <input type="te...
  • 按键处理慢

    我们正在构建一个有角度的应用程序,并开始遇到一个特殊的问题。每当我们将一些数据加载到组件中时,附加到out输入字段之一的按键处理程序都会变慢。当我们不加载数据时,不会发生此问题。以下是我们如何从后端加载数据的代码片段。最初,我们虽然是由于派生连接,但删除它对按键处理程序的性能没有任何影响。我已附加了内存配置文件的图像,可以清楚地看到按键处理程序需要很长时间。 forkJoin([this.fetcha(), this.fetchb(), this.fetchc()]).subscribe( resp...
  • 无法在垫子表上显示数据,没有错误

    我是新手,我无法在垫子表上显示数据,也不显示任何错误。我能够看到列名,但看不到数据。谁能告诉我我做错了什么。 service.component.html <table mat-table [dataSource]="serviceDetailsDataSource" class="mat-elevation-z1"> <ng-container matColumnDef="sid"> <th mat-header-cell *matHeaderCe...
  • 角:: ng-deep仅适用于子组件

    我想给“ mat-autocomplete-panel”留出余量 我在四个不同的组件中使用此选择框组件。我想改 .mat-autocomplete-panel仅适用于其中之一,我不想影响其他人。 所以我的问题基本上是: 当我使用以下代码时,所有子组件都会受到影响,但我只想给其中的一个留空白 ::ng-deep .mat-autocomplete-panel { margin-left: -1200px; } 我也尝试过下面的代码,但是没有用。 :host ::ng-deep .mat-autocom...
  • 角度6:无法在selectionChange事件上获取选定的值

    在我的编辑表单中,我无法检索添加时间存储的值。 流程类似于选择第一个选择框的选项之后,其相关数据将显示在下一个选择框中。 I have tried this answer for selected value but the values are not displaying. 我有如下表格: <form [formGroup]="productForm" (ngSubmit)="onSubmit()"> <mat-form-field"> <mat-label>Main Type</...
  • 如何在ng-container中用新项目替换列表项目

    我有一个角度为8的应用程序。 我正在使用mat-tab。您可以制作一个新商品。但是现在的问题是,您已经创建了一个新项目,然后该新项目将显示在列表项下。因此,如果您有很多列表项,则新项目将被放置在项目列表下,而您将看不到它。 所以我有这个: <mat-tab> <ng-template mat-tab-label> <mat-icon class="notes">note</mat-icon> <span i18n>Notes</span>{{ doss...
  • 去除桌子周围的阴影。 -角材料表

    对于材质表,我要删除表周围的阴影。我该怎么办,因为我在文档中找到并添加到CSS的内容不起作用,或者我想添加键盘快捷键,以便可以使用箭头键在各行之间移动并使用shift键进行选择。可以用于角度步进的东西在我的桌子上不起作用,甚至不会出现错误。 这是我发现的消失代码之一,但不幸的是,与其他CSS解决方案一样,它也不起作用: mat-table{ transition: none !important; box-shadow: none !important; } 是否可以使用解决方案或文档来解决这些功...
  • 用户开始在Angular中键入内容时如何更改搜索图标

    我的资产文件夹中有2个SVG图标,HTML中有一个用户输入框。我希望第一个图标显示为默认设置,但是无论何时用户开始在文本框中键入内容,我都希望第二个图标显示。我很难尝试实现这一点。 搜索图标相同,但第一个图标为纯白色,第二个图标为蓝绿色。 默认图标= search-magnifying-glass-icon。      用户开始输入=时更改此设置   搜索放大镜玻璃图标。 我不确定是否可以直接更改SVG图标的笔触颜色,而不是在Assets文件夹中有两个图标,但这是现在的代码。 的HTML <...
公告

欢迎访问 码农俱乐部  点击这里设置您的邮箱  可以接收站内跟帖、回复邮件提醒,不错过任何一条消息。

关注公众号订阅更多技术干货! 码农俱乐部