草庐IT

ng-maxlength

全部标签

javascript - 既然有标准的最大长度,为什么 Angular 还要提供 ng-maxlength?

HTMLprovides自4.01版以来的标准maxlength属性。Angular提供了一个ng-maxlength指令。区别在于标准方法不允许输入超过最大值,而Angular的方法只会产生验证错误。他们为什么决定加入这样的指令?这不是因为maxlength的动态数据绑定(bind),因为行为不一致。这不是因为兼容性,因为它甚至在HTML4.01中也可用。我唯一的猜测是它提供了一种替代验证范例,但这听起来像是过度设计。 最佳答案 它不仅提供了对最大长度的验证,它还添加了一个类ng-invalid-maxlength。所以当你放置任

html - ng-form 和自动完成 ="off"

我有一个像这样的Angular形式......但是,当我开始输入数据时,chrome仍然提示我输入之前输入的值。如何防止chrome(和所有浏览器)在我的输入中显示任何包含之前输入的值的下拉菜单?我做了一些搜索,发现人们正在编写自定义指令,但不确定这是否真的需要。 最佳答案 尽管autocomplete是一个非常明确的partoftheHTML5spec,Chrome在如何使用autocomplete属性上出现了问题。Originallyhonoringautocomplete="off"(2013),然后他们决定开发人员一定是错误

javascript - 在 HTML 文本区域上模拟 HTML 输入 "maxlength"属性的最佳方法是什么?

HTML文本输入有一个名为“maxlength”的属性,由浏览器实现,如果设置该属性,则在一定数量的字符后阻止用户输入。另一方面,HTML文本区域元素没有此属性。我的目标是在HTML文本区域上模拟maxlength的行为。要求:至少要表明(CSS更改)用户输入了太多字符。理想情况下,阻止用户键入更多字符,就像在HTML输入中发生的那样。据了解,服务器端验证应该再次检查长度。在这里,我只关注客户端部分。我的问题是:在HTML文本区域上模拟最大长度的最干净的客户端方法是什么?理想情况下,指向您使用过的经过验证的开源JavaScript片段。 最佳答案

html - 我将与 ng-include 一起使用什么文件路径?

我的angular项目路径是这样的webserver.py##flaskserverprogramappstaticapp.jscontrollers.jsetc...templatesindex.htmlhome.htmlindex.html主页.htmlhome!除了我在输出中看不到部分(home.html)。有人看到我的错误吗? 最佳答案 ng-include的src属性需要一个字符串。要么传递范围变量,要么直接传递字符串。 关于html-我将与ng-include一起使用什么文件

javascript - Angular 中 ng-repeat 元素之间的间隙

当将div元素显示为inline-block时,我遇到多个ng-repeat元素的问题。元素之间有一个奇怪的间隙,一个ng-repeat结束而下一个开始,如图所示:我创建了一个plunk演示此行为:为什么会发生这种情况以及如何消除差距? 最佳答案 检查这个plunk有一个hack可以删除出现在换行符处的内联元素之间的空格。{{number}}{{number}}{{number}}您可以阅读更多关于其他黑客的信息here. 关于javascript-Angular中ng-repeat元素

javascript - AngularJS - 登录后路由到不同ng-app模块的另一个页面

我只有AngularJS的基础知识。我创建了一个AngularJS应用程序。index.html有登录和注册两个链接。使用ng-view。默认情况下,登录是View。在登录View中,我有表单。这将发布到servlet并返回带有对象的状态。我有另一个页面home.htmlwis=ch有它自己的ng-app模块。登录成功后,我想路由到home.htmlpgae。它还有两个链接和一个用于显示链接的ng-view。index.htmlLogin-AngularJSLoginView1login.htmlLoginLoginName:Password:Login{{user.status}}a

javascript - 使用 ng-style 在 css 中动态转换

当它在ng-style中时,我无法让transform工作。AngularJSPlunkerdocument.write('');Test{{number}}链接:http://plnkr.co/edit/txSzAKxLDq48LVitntro?p=preview如果我更改input数字,顶部的div应该更改并同时spin。当它的值为3时,它应该看起来像上面的单词Test。那么如何让transform在这种情况下工作呢?谢谢。 最佳答案 您不能在属性内的JS字符串内使用大括号绑定(bind)。您可以将变量附加到字符串上:{{num

javascript - 具有数组长度条件的 Angular ng-repeat

我想要ng-repeat仅在photos.length>1时运行这样做似乎行不通:1">有什么快速技巧/优雅的方法可以做到这一点吗?我只需要检查数组长度,除此之外别无其他。我不想通过做这样的事情将数组复制到另一个数组if(oldArray.length>1)newArray=photos;elsenewArray=[];...然后执行ng-repeat在newArray.这似乎效率低下。谢谢。 最佳答案 尝试:1">如果ng-if条件不满足,这些元素将从DOM中移除。参见http://docs.angularjs.org/api/n

html - 使用 ng-repeat 同时循环多个数组

我可以在AngularJs中仅使用一个ng-repeat同时遍历两个数组吗?如果是,那又如何?例如我有两个数组array1=[1,2,3,4,5]array2=[6,7,8,9,10]它应该能够为两个数组生成相同的索引。 最佳答案 如果你想用第一个数组的索引访问第二个数组,试试这个:$scope.arr1=[1,2,3,4,5]$scope.arr2=[6,7,8,9,10]Numberfromarray1={{number}}Numberfromarray2={{arr2[$index]}}请参阅此fiddle:http://js

html - AngularJS:ng-placeholder 不工作

我有以下输入html元素,我想根据我的用户模型中保存的内容更改占位符。我什至尝试过这种据说在以前版本的angular中有效的方法,但没有成功。ng-placeholder="user.AdAccount==true&&'Username'||'ADLogin'"目前我的占位符完全空白。我也知道AdAccount正确地保持true/false,因为它正在使用ng-show在表单的其他地方使用。 最佳答案 我不认为有任何ngPlaceholder指令。尝试将您的代码更改为:也就是说,将ng-placeholder更改为placehold