草庐IT

ng-material

全部标签

javascript - Angular Validation NG消息在提交和删除文本后不显示要求

这是我当前为我的表单设置的验证Thissearchfieldisrequired.和我的表格它工作正常。但这是我不喜欢这种情况的地方1)在空的搜索框上按Enter->它显示正确的消息“需要字段”2)开始键入和删除文本而不按回车->它再次显示错误消息这是我不想要的第二种情况...有什么想法吗? 最佳答案 也许您的错误消息字段名称不正确。由于您没有提供示例,因此无法说出您无法正常工作的确切原因。但是,当我测试时,它工作正常。Thissearchfieldisrequired.http://plnkr.co/edit/56koY7YxPD

javascript - Angular 5, Angular Material : Datepicker validation not working

我正在使用最新的Angular和最新的AngularMaterial。我有一个日期选择器,我想添加一些验证。文档说required属性应该开箱即用,但它似乎不像其他表单元素那样处理错误。这是我的标记:YourdateofbirthisrequiredThisworksonthehappy-path,sowhenadateispicked,thedateendsupintheexpectedpropertyinmyService.然而,验证并没有按照我期望的方式进行;在这种情况下,如果我点击进入该字段然后在没有输入日期的情况下离开该字段,那么输入确实获得红色样式,但是通常的[contro

javascript - Angular 选择和 ng-options

我有这个Angular选择:`我的$scope.status_codes是这样的:data:[{"code":"100","phrase":"...","spec_title":"RFC7231#6.2","spec_href":"http://tools.ietf.org/html/rfc7231#section-6.2"}...]我的$scope.obj.status更新为“300”或“100”或任何我更改选择的内容,但选择显示始终为空白。因此,模型更新为选择输入的选定值,但输入不显示当前选定的值,它显示一个空白项。如果我将ng-options更改为ng-options='stat

javascript - AngularJS "ng-submit"在浏览器预填充表单字段时出现问题?

我是AngularJS的新手,正在试验具有“登录”表单的单页应用程序。该表单由“ng-submit”绑定(bind),如果身份验证成功,它的Controller会进行AJAX调用并返回token。随后的AJAX调用传递此token。(不,我不想使用基本身份验证,因为我想要一个非hacky的“注销”按钮)。我已将我的用户名和密码字段设置为“必填”,这样当用户尝试提交字段中包含空白值的表单时,AngularJS将显示工具提示:SignInEmailPasswordLogin当某些浏览器(至少是Firefox)询问用户是否希望浏览器记住用户名和密码并在下次预填充时,就会出现问题。当浏览器填充

javascript - 带有 Material-UI 的 ReactJS : How to sort an array of Material-UI's <TableRow> alphabetically?

目前,我渲染Material-UI的's(http://www.material-ui.com/#/components/table)与一个数组s并使用.map().每个有一个代表名字,像这样Josh.但是,如果用户按下按钮,我想对进行排序按's字母顺序排列名。所以说例如10s,如果数组[0]的名字是Conny,而数组[1]的名字是Adrian,则希望数组[1]成为数组[0]。正确的做法是什么?任何指导或见解将不胜感激。编辑每一行都会像数组rows那样呈现,具有属性为firstName的对象和favColor:{rows.map((row)=>{return()})}每行定义如下:co

javascript - 找不到模块 : Can't resolve 'material-ui/styles/colors'

我有以下代码,未编译:importReactfrom'react';import{AppBar,Toolbar}from'material-ui';import{Typography}from'material-ui';import{MuiThemeProvider,createMuiTheme}from'material-ui/styles';import{cyan,red}from'material-ui/colors';import{red400}from'material-ui/styles/colors';consttheme=createMuiTheme({palette:

javascript - 在 ng-repeat 之后执行 jQuery 函数

在此先感谢您的帮助。我正在使用这个tagmanager在我的网络应用程序中。jQuery函数在此之前工作正常放在下ng-repeat="(key,val)inclient_proj"下面是一小段代码{{val.title}}TechnologiesExposure:{{val.exposure}}它显示为普通输入,但没有执行任何功能,例如在按下或输入后创建新标签。谁能告诉我发生了什么事? 最佳答案 1.创建一个自定义指令作为jQuery插件的包装器:angular.module('').directive('tagsManager'

javascript - Angular 和 jQuery ng-include with document.ready 不工作

我正在尝试使用HMTL加载一个放置在单独html中的组件。问题在于它会在浏览器加载页面后立即调用。下面是我的模态代码:组件代码在这里:termsAndConditions.html×-->Cisco'sGSAshippingPolicyThispolicyoutlinestherequirementsofshippingInternationallyincludingbutnotlimitedto:AllmembersoftheCiscoworkforceareresponsibletoadheretothispolicyASTistonotbeusedforpersona

javascript - Ng2-Charts Linechart 仅显示前 2 个值

我正在开始使用Angular-CLI(beta22.1)初始化的新Angular应用程序。但是当我将测试数据(5个值)添加到我的图表时,它似乎缩放错误并且只显示前两个值并将它们拉伸(stretch)到图表的整个长度(见图)。该项目在其他方面是空白的,不包含任何CSS。我的app.component.html:app.component.tsimport{Component}from'@angular/core';import{BaseChartDirective}from"ng2-charts/ng2-charts";@Component({selector:'app-root',te

javascript - 让 ng-repeat 在 AngularJS 的 $interpolate 服务中工作

我正在使用Bootstrap的AngularJs-UI组件。我想将一个填写好的模板插入弹出框功能的数据元素之一。这适用于查找不在ng-repeat内的所有元素。如何让ng-repeat元素在内插模板中工作?我在http://plnkr.co/edit/Cuku7qaUTL1lxRkafKzv有一个plunker它不起作用,因为我不知道如何在plunker中获取Angular-UI-bootstrap。somecontent我的本​​地作用域具有函数createHTML(),看起来像这样。angular.module('myApp',['ngSanitize']).controller(