草庐IT

mat-form-field

全部标签

javascript - Angular 5 Material Multiple mat-menu

我是Angular5的新手,刚刚开始学习它。最近,我一直在尝试使用Angular5Material为我的应用创建一个包含多个菜单的菜单栏。菜单将在鼠标进入期间触发/打开,并在鼠标离开菜单时关闭。我的问题是,每次鼠标鼠标悬停在第一个菜单时,它都会加载第二个菜单的菜单项。下面是问题截图:这是我的代码:ma​​inmenu.component.html:Trigger1Item1Item2Trigger2Item3Item4ma​​inmenu.component.ts:import{Component,OnInit,ViewChild}from'@angular/core';import{

使用postman访问springboot项目,出现Unsupported Media Type 415错误以及 Field ‘userId‘ doesn‘t have a default value

使用postman访问springboot项目,出现UnsupportedMediaType415错误以及java.sql.SQLException:Field‘userId’doesn’thaveadefaultvalueidea控制台显示Resolved[org.springframework.web.HttpMediaTypeNotSupportedException:Contenttype‘multipart/form-data;boundary=--------------------------508983844580882655519308;charset=UTF-8’notsu

javascript - AngularJS + NG-Grid 将 row.column.field 传递给 ng-click 事件

如何将{{row.getProperty(col.field)}}传递给ng-click?发生的情况是id没有传回,但网格使用id正确呈现。代码:varapp=angular.module('testing',['ngGrid']);app.config(['$locationProvider',function($locationProvider){$locationProvider.html5Mode(true);}]);app.controller('TestCtrl',function($scope){$scope.details=[];//whateverdummydata$

javascript - 如何使用 CSRF 测试 express form post?

我正在尝试为我的服务器端表单验证编写测试,但我不断收到禁止错误。看来这需要一个两步过程。第一步,从表单中获取CSRF值。第2步,使用CSRF值发布到表单处理程序。但是,无论我如何尝试发帖,我都会遇到禁止的错误。--完整测试:https://github.com/socketwiz/swblog/blob/master/test/contact.js#L57-L100我试过这样更改以下行:https://github.com/socketwiz/swblog/blob/master/test/contact.js#L85.send({name:'foo','X-CSRF-Token':t

javascript - JQuery 验证 : Validating a hidden form (possible bug)

我正在使用JQueryValidationplugin处理表单验证。我遇到的问题是,当表单被隐藏时,验证插件会忽略需要验证的字段并直接跳转到提交表单。示例:http://jsfiddle.net/Qg5WQ/我已经查看了插件的options并用谷歌搜索了这个问题,但我找不到任何说明隐藏表单中的字段被忽略的原因。值得注意的是,如果一个页面有两个表单,一个隐藏,一个显示,如果两个表单使用相同的验证方法,则两个表单都验证成功。但是,如果您调用两个单独的验证方法,那么隐藏表单中的字段仍然会被忽略。使用相同的验证函数验证两个表单:http://jsfiddle.net/Qg5WQ/1/使用不同的

javascript - Angular 4 Reactive Forms FormControl错误为空

如果我在没有输入任何内容的情况下切换文本输入,则会显示错误消息divs,表明所需的验证器已正确触发。但是,如果我在其中一个字段中键入任何内容,控制台会立即抛出此错误:Cannotreadproperty'required'ofnull这是我的组件:import{PasswordValidators}from'./../validators/password.validators';import{Component,OnInit}from'@angular/core';import{FormBuilder,Validators,FormGroup,FormControl}from'@an

javascript - 如何在 mat-select 中设置自动对焦?

在我的Angular项目中有AngularMaterial并使用垫选择。Mat-select是我的表单的第一个元素,在我的案例中设置了自动焦点,而页面加载成功但我无法在mat-select上设置自动焦点。任何人都可以帮助我找到在mat-select中设置自动对焦的方法。@ViewChild("name")nameField:ElementRef;ngOninit(){this.nameField.nativeElement.focus();}html{{option.name}} 最佳答案 HTML:{{item.name}}.ts

javascript - 如何添加箭头图标以展开和折叠带有可展开行的 Angular Mat-Table 中的任何行?

我创建了一个带有可扩展行的垫子表,就像Angular8中的这个一样:https://stackblitz.com/angular/pmagobelkkg?file=app%2Ftable-expandable-rows-example.ts但是,如上例所示,仅当我单击该行中的某处时,该行才会展开。有什么方法可以为每一行添加向上和向下箭头图标,这样只有当我点击每一行中的图标时,该行才会展开吗?非常感谢! 最佳答案 这是您的stackblitz的解决方案。Forkedstackblitz希望对您有所帮助!

javascript - redux-form 如何加载数据进行编辑

我正在使用redux-form加载编辑表单的初始数据似乎让我感到困惑,但提交时未验证数据。我已经设法将数据传递并加载到字段中,但似乎没有加载到表单Prop等中。请查看以下代码,如果需要更多信息,请告诉我。Form_Bayan.jsimportReact,{Component,PropTypes}from"react";import{browserHistory}from"react-router";import{reduxForm,Field}from"redux-form";import{MyCustomInput,MySimpleInput,MyCustomSelect}from"

javascript - 由 Flux Store 控制的 React Form(最佳实践?)

所以我有一个很大的组件就是我的表单:{morecomponentshere}此表单组件正在监听使用firstAction、secondAction等更新其值的商店注意:组件根据返回{firstValue:something,secondValue:something,etc}的store.getState()更新其状态假设我的FirstComponent是一个输入:this.props.firstAction(e.target.value)}好的,所以onChange触发PropfirstAction这实际上是将更新我的商店并使表单重新呈现的FluxAction。我在这里有两个好处,当