草庐IT

angularjs-ng-pattern

全部标签

javascript - AngularJS limitTo 过滤对象上的 ngRepeat(像字典一样使用)

是否可以在ngRepeat指令上使用limitTo过滤器,该指令重复对象的属性而不是数组中的项目。我知道官方文档说limitTo的输入需要是数组或字符串。但想知道是否有办法让它发挥作用。这是一个示例代码:$scope.phones_dict是一个对象,例如{item_1:{name:"John",age:24},item_2:{name:"Jack",age:23}} 最佳答案 limitTo仅适用于字符串和数组,例如对象使用自己的过滤器:myApp.filter('myLimitTo',[function(){returnfunc

javascript - 如何从 Angular JS ng-repeat 中的数组访问第一个值

这是数组["236.jpg","239.jpg","294.jpg","748.jpg","157.jpg","446.jpg","871.jpg","778.jpg"]我要访问"236.jpg".下面是我用来获取顶部数组的代码。现在我如何使用下面的代码获取第一个项目?{{x.images}}请帮我找出解决方案。这里是完整代码{"info":[{"id":"11","name":"brown","description":"fasdfasd","size":"fasdf","color":"5a72fb","created_at":"2015-09-0822:33:33","updat

javascript - 我如何通过 angularJS 中的嵌套键值对正确地重复 ng-repeat

查看实时代码:AngularJS究竟如何才能正确地遍历嵌套的键值对并像下面这样正确地输出它们?我想要的View是这样一棵树-touts-classes-col-12-col-md-12-col-lg-12当前View是:touts{"classes":["col-12","col-md-12","col-lg-12"]}JS:varcurrentApp=angular.module('currentApp',[]);currentApp.controller('ACtrl',function($scope){$scope.templates={'touts':[{'classes':[

javascript - angularjs ng-选项不起作用

我尝试使用AngularJS制作一个简单的选择下拉列表这是我的代码:create_options_array(item.values)是这种形式:[{"id":0,"name":"OG"},{"id":1,"name":"OS"},{"id":2,"name":"PG"},{"id":3,"name":"PS"}]出现了选择下拉菜单,但它没有任何可供选择的值,我做错了什么? 最佳答案 我相信您缺少ngModel指令,并且您正在以错误的方式调用ng-options指令。我做了plunkerhere它会在哪里工作。

javascript - AngularJS Google Map 指令 map 实例

我正在使用http://angular-google-maps.org/这是一个很好的Angular谷歌地图库。但是我想使用像这样的东西不在angularjs上下文中加载的map实例:$scope.map={events:{tilesloaded:function(map){$scope.$apply(function(){$scope.mapInstance=map;});}}}好的,很好,我有mapInstance,我可以以编程方式使用它。但是在应用程序生命周期中,这会延迟-所以换句话说,我想在其他代码之前加载整个指令(并获取map实例)-我只是不想使用其他map事件。

javascript - AngularJS/Restangular routing "Cannot set property ' route' of undefined"

我有一个基于AngularJS的前端,它使用restangular从我构建的Django后端获取记录。我正在调用以下客户列表:varapp;app=angular.module("myApp",["restangular"]).config(function(RestangularProvider){RestangularProvider.setBaseUrl("http://172.16.91.149:8000/client/v1");RestangularProvider.setResponseExtractor(function(response,operation){retur

javascript - 加载 angularjs 路由后运行 javascript 代码

我需要在angularjs加载路由后显示警报。显示警报的代码片段位于由angularjs异步加载的View中:alert('test');加载View后,我希望它会运行,但它没有。我知道我可以广播并告诉它之后运行等等,但我需要一个更通用的解决方案。 最佳答案 假设您正在谈论基于AngularSPA内部的ngRoute的路由更改将$route注入(inject)你的Controller:.controller('MyCtrl',function($scope,$route){});并在您的Controller中订阅路线更改事件:$sc

javascript - 在 ng-click 范围之外调用 javascript 函数

我有一个javascript库,其中包含许多有用的函数,我在我的网站上使用这些函数来做各种事情。我知道我无法通过ng-click访问这些函数,因为这些函数超出了范围。有没有一种方法可以访问它们而不必声明一个只调用库中函数的作用域函数?Here是一个带有示例的jsfiddle。我想知道是否有办法使第二个链接起作用。这仅仅是因为我不喜欢定义一个只会调用另一个函数的函数的想法。例如HTML:ClickMe(Working)ClickMe(NotWorking)ControllerJS:$scope.doSomething=function(){doSomethingElse();};外部库J

javascript - 使用 jquery 将类添加到 ng-repeat 中的第一个项目

我是复杂指令的新手,我正在尝试使用jquery向ng-repeat中的第一项添加一个类(不幸的是我的项目正在使用它),就像在指令的Controller中一样:varhighlightFirst=function(){$('.pointer').find('.fa-angle-down-first').next().addClass('boldit');console.log('inhere')}highlightFirst();//alsotriedthis:angular.element(document).ready(function(){$('.pointer').find('.

javascript - ng-pattern 给出 "Lexer Error"?

作为输入元素的一个属性,我有:ng-pattern="^\d{5}(?:[-\s]\d{4})?$"这个表达式有什么问题?我收到这个错误:LexerError:Unexpectednextcharacteratcolumns0-0[^]inexpression[^\d{5}(?:[-\s]\d{4})?$]. 最佳答案 尝试在^之前和$符号之后添加/。例如ng-pattern="/^\d{5}(?:[-\s]\d{4})?$/"希望对您有所帮助! 关于javascript-ng-patt