-
3 votesanswersviews
无法从控制器重置Angular Material设计表单
我有一个Angular Material设计表单,其中包含3个输入字段,其中包含 required 选项 . 单击提交按钮后,我无法将表单重置为默认状态 . 我正在使用 $setPristine 将表单更改为原始状态,但红色错误行在提交后出现 . 提交表单后有没有办法摆脱这些错误 . 谢谢 . Codepen链接:http://codepen.io/sateesh2499/pen/pbkjVV ... -
0 votesanswersviews
无法在angular2中的弹出窗口中创建的字段中获取data.row
我已经实现了一个示例页面,我在其中使用了一个显示account_data的mat-table . 当我点击mat-table中的特定行时,对应于行项的数据将被传递给弹出组件,当在mat-table上单击一行时弹出该弹出组件 . 我能够在输入字段中获取数据,但我无法在mat-form-field输入字段中获取数据 . 我尝试了各种方法来获取表单字段的行数据,但我不知道实际上缺少了什么..! 请访问我... -
1 votesanswersviews
角度材料重置按钮 - 切换组
重置mat-button-toggle-group值的正确方法是什么?我有一个场景,选择了一个mat-button-toggle,然后一个后续的动作取消选择它 . 我的问题是,当重置组值时,UI不会更新以匹配 . 目前,我通过将mat-button-toggle-group的值设置为null(或未定义)来重置组 . 这样可行,但UI不会更新以匹配 . 我想添加一个看不见的mat-button,给它... -
0 votesanswersviews
Angular Material输入验证错误消息全部显示在彼此之上
我正在制作一个角度材料的网站,除了表格输入的验证外,它的工作效果很好 . 当我在输入框中输入内容时,所有错误消息(必需,最小长度和最大长度)都显示在彼此顶部的相同位置 . 这是角质材料中的错误还是我做错了什么? 这是我的问题的简化版本,只使用默认的StarterApp示例,在主页面内容中输入表单 . 如果您运行它并在文本框中键入内容,您应该会看到问题 . 谢谢你的帮忙 . <html lan... -
10 votesanswersviews
材质角度,md vs mat,@ angular / material @ 2.0.0-beta.11模板解析错误[关闭]
我刚刚通过NPM更新了角度材料(@ angular / material @ 2.0.0-beta.11-53c42a4) 现在我的应用程序没有改变,但是关于这个问题的信息并不多 .我试图替换所有的 import{ Md ** Module, etc. } from "@angular/material"同import {Mat ** Module} from "@a... -
2 votesanswersviews
Angular mat-checkbox getElementById
我有角度材料的mat-checkbox问题 . 我给了复选框这样的ID: <mat-checkbox class="toolbar-checkbox" id="myCheckbox"> MyCheckbox </mat-checkbox> 在那之后,我正在尝试使用这样的元素: (<MatCheckbox>docu... -
2 votesanswersviews
如何在Angular Material Checkbox上收听“onFocus”
我想知道如何在Angular 4和Angular Material中进行以下工作:当用户关注Material Checkbox时,我想显示一个小工具提示,所以我在我的模板中写了以下内容: <mat-checkbox (focus)="foo()">Test</mat-checkbox> 在相应的组件中,foo方法只是提醒用户(仅用于测试): sayHe... -
0 votesanswersviews
在AngularJS 1.3表单中显示和隐藏服务器端错误
我在最近的应用程序中使用Angular框架和Angular Material控件 . 我正在为以下问题寻找一个好的解决方案: 将向用户显示带有名为 nickname 的输入字段的表单 form . 在用户选择昵称并提交表单后,服务器会检查昵称是否已被删除 . 在这种情况下,它会向Angular客户端返回一个错误 . 要向用户显示适当的错误,代码会调用 form.nickname.$setVali... -
1 votesanswersviews
Angular Material 2 md-checkbox默认不适用于被动表单
我有一个使用md-checkbox的反应形式,其默认值为false,但是当我提交表单而没有切换复选框时,表单数据中返回的值为null . Template <form [formGroup]="someForm" (ngSubmit)="onSubmit(someForm)"> <md-checkbox formControlName=... -
1 votesanswersviews
没有名称的表单控件的值访问器:'rating'在带有Reactive Froms的Angular 2 mat-dialog中
我有这个评论对话框组件: export class ReviewDialogComponent implements OnInit { form: FormGroup; comments: string; rating: number; constructor( private fb: FormBuilder, private dialogRef: MatDia... -
2 votesanswersviews
mat-error用于单独的组件无法正确呈现
我想使用mat-errors在我的Angular 5 SPA中呈现服务器端错误 . 这是我到目前为止所做的,它的确有效 <mat-form-field class="col-6"> <input matInput formControlName="firstName"> <mat-error [hidden]=&... -
4 votesanswersviews
如何停止mat-autocomplete以获取除给定选项之外的自定义用户输入值?
我正在使用material.angular.io中的mat-auto完整组件 . 默认行为是用户可以输入任何值,并提供可供选择的选项 . 您还可以将输入添加到所选值 . 你可以在这里查看示例 . https://stackblitz.com/angular/ngmvgralayd?file=app%2Fautocomplete-simple- example.html 这是我用于生成自动完成输入... -
1 votesanswersviews
如何为预填充的输入字段添加错误消息
我使用文本区域来显示字符串中的地址作为预填充输入字段 . HTML <mat-form-field> <textarea matInput placeholder="Address" formControlName="businessaddress" value="{{address}}"><... -
0 votesanswersviews
如果mat-form-field位于组件中,则表单布局会中断
如果我直接在表单中使用mat-form-fields,则字段显示在“列”流中,如下所示 <h1>Form 1</h1> <form class="example-form"> <mat-form-field > <input matInput placeholder='Name' value='world' rea... -
-1 votesanswersviews
如何在Angular,material中的组件中获取弹出窗体值?
我使用'ADD'和'EDIT'选项创建了一个数据表 . 如果用户单击添加按钮,将弹出一个弹出窗口 . 它会询问元素名称和符号 . 用户单击保存按钮 . 我没有在组件中获得表单值,在数据表中我们有一个编辑选项 . 如果用户单击特定行的编辑按钮,则元素名称和符号应显示在同一弹出窗口中 . 截至目前,这是行不通的,任何人都可以帮助我前进 . 下面是我的第一个屏幕,您可以通过添加和编辑按钮查看数据表 如... -
1 votesanswersviews
角度形式与材料
我正在尝试使用Angular Material构建一个表单 . 此表单使客户端能够修改其个人数据(带有输入字段) . 对于这种情况,我使用“mat-form-field”组件 但也有一些他无法修改的领域(比如他的名字) . 对于这种情况,我不知道使用什么元素 . 我想与Material设计兼容,但我找不到任何东西 . 这是我的代码: <form [formGroup]="form&... -
0 votesanswersviews
如何获得angular4中多个输入字段的值?
我在mat-table中定义了输入字段 . 我想在单击 Next 按钮时访问component.ts文件中的那些值 . 我想到了一种访问输入值的方法 . 我还尝试指定name属性,但每个输入标记都是相同的 . HTML代码: <ng-container matColumnDef="npm"> <mat-header-cell... -
0 votesanswersviews
材料Datepicker检查值为空
我将mat-radio-group中的材料日期选择器作为选项之一 . 当用户选择FFM单选按钮时,打开datepicker控件并且用户选择日期,但如果用户选择FFM选项而不从datepicker对话框中选择日期而不是单击屏幕上的其他位置,则datepicker输入控件没有值,但在内部datechange事件分配当前日期 . 我根据这篇文章44356173尝试了ngModel选项,但它没有用 . 我... -
0 votesanswersviews
formarray的formcontrol没有在mattable中更新
我在使用材质表格和表格的Angular中使用反应形式时遇到了一个奇怪的问题 . 我有一个带有自动完成设置的表单,该表单从api获取产品 . 我在onClick上调用了一个函数,它将该产品添加到formarray中,默认数量为1.如果用户再次点击同一产品,我会增加数量,这样只有数量增加才会出现两次产品 . 我也将数量作为输入启用,这样如果用户想要手动输入数量,他只需输入数值即可 . 问题是它的形式值... -
0 votesanswersviews
Mat-select控件由<HTMLInputElement> myForm.elements读取
Hi I have a dynamic form where am not able to use formcontrolname to read value so I want to read value by element control ID 目前我正在读这样的值,如果是正常的cantrol(输入按钮选择和所有) let myForm = <HTMLFormElement>do... -
1 votesanswersviews
mat-select在mat-expansion-panel中不起作用
我们必须在mat-expansion-panel内显示一个表单 . 表单中有多个字段,其中很少有我使用mat-select而另外几个我使用mat-input . 在扩展面板中,matInput正常工作,但mat-select未显示选择可能值的选项 . 虽然mat-select在正常显示时工作正常 . <mat-expansion-panel> <mat-expan... -
1 votesanswersviews
使用表单绑定材料数据源
我有一张表格 . 我需要将它与mat表数据源绑定 . 该表应该是可编辑的 . 因此我将输入字段放在mat行中 . 如何将表中的数据数组与表单绑定?此表单可以是模板驱动或反应形式 . 感谢您的帮助 -
0 votesanswersviews
在mat-form-field中设置line-height时,IE11中的输入文本跳转
mat-form-field的行高最初设置为1.125 . 当用更高的值(例如1.5)覆盖它时,它导致在mat-form-field内的嵌套输入元素中的跳跃效果 . 在焦点/模糊时,文本会上下跳动 . 要查看此问题,请在Internet Explorer中打开此stackblitz,在输入字段中键入内容并多次聚焦/模糊字段 . 输入的文本将上下跳动 . 删除line-height属性时,它不会跳转... -
1 votesanswersviews
访问Angular Material表中的输入字段
我几天来一直试图从Angular Material Table中的输入字段中获取数据 . 我基本上使用来自API的值填充表,但是每当我们没有得到任何日期时,在我的情况下,课程没有设置预定日期,我插入一个文本框,其中应该显示值因此用户可以为该特定课程设置日期 . 像这样:注意:对于审查很抱歉,必须删除与工作相关的名称 . 这是我的HTML代码: <mat-card> <fo... -
0 votesanswersviews
角度材质对话框预先填充的输入字段不会验证
我有一个mat对话框,可以从(mat-)表中的编辑按钮打开 . 当对话框打开时,它会传递数据以填充一些输入字段 .其中一个输入验证了它不能为空的规则 . 我的问题是,Angular不会将接收到自动填充值的输入元素识别为具有值(它在Web检查器和屏幕上具有“值”) . 这意味着,在用户通过删除和重新输入字符或键入新内容来编辑字段之前,“保存”按钮仍然是灰色的 . 不需要编辑字段,如果它们收到值,则它... -
0 votesanswersviews
如何在Angular反应形式内的mat-form-field中使用输入类型=数字输入/显示'thousands'逗号的值?
摘要问题: (问题仅适用于输入类型='数字') 如何在mat-form-field中使用类型=数字的输入的formcontrol来输入/显示'thousands'逗号(例如,2,333,444)的值,该mat-form-field位于Angular反应形式中? 考虑反应角形式: <form [formGroup]="myForm"> <mat-form-... -
1 votesanswersviews
Angular 6和Angular Material Mat表dataSource 'Object'类型的参数不能分配给'{}[]'类型的参数
我从MySQL数据库获取用户列表,使用 dataSource 属性在 <mat-table> 中显示它: 以下是typescript方法 getUnitData() ,其中我将dataSource值设置为PHP脚本中返回的JSON数组: export class RegistrationComponent implements OnInit { dataSource: MatTab... -
0 votesanswersviews
角度模态对话框 - 如何在模态对话框中单击链接(URL)并将其带到单击的链接时关闭模式对话框
角度模态对话框 - 我是新来的,在这里发一个问题 . 感谢你们回答过去几年我读到并启发自己的其他人的所有精彩贡献 . 我有一个项目(带有角度的.net核心),我想在Angular材质模态对话框(MatDialog)中打开一个URL,当点击打开的弹出对话框中的链接(URL)时,我们想要关闭弹出对话框( MatDialog)并将用户带到点击的URL(虽然是内部链接) . 有点像facebook发布点击... -
0 votesanswersviews
mat-menu样式未应用于角度
我试图使用角度材料和flex css在角度2中创建一个简单的布局 . 以下是我的代码...... <div class="background" > <mat-toolbar fxLayout="row" fxLayoutAlign="space-between none" > <div fxL... -
0 votesanswersviews
如何在Angular 5中的子组件的输入字段上应用条件css?
我遇到了一些问题,试图根据布尔条件动态设置子组件的自动完成字段的背景颜色 . 在我的父组件中,我有一个包含Angular Material自动完成字段的搜索组件: <search (notify)="onSearch($event, i)" searchType="Product" [(value)]="repair.product...