草庐IT

angularjs-dropdown-multiselect

全部标签

javascript - Angular react 形式 : Dynamic Select dropdown value not binding

我有两个数据数组:AssociatedPrincipals(以前保存的数据)和ReferencePrincipals(要填充到下拉控件中的静态数据)。我正在努力从AssociatedPrincipals获取以前的值,以便在页面加载时以动态数量(大多数示例使用单个下拉列表)的下拉列表显示/选择。我不确定如何设置表单(代码隐藏和HTML),尤其是设置Select的formControlName。目前,每个下拉列表中的静态值都会填充,但我无法让选择的值正确绑定(bind)。publicngOnInit(){this.factsForm=this.formbuilder.group({asso

javascript - 正则表达式验证angularjs中的整个多行文本

我需要一些帮助。我必须为angularjsng-pattern属性构建一个正则表达式。正则表达式必须验证文本,而不是每一行或某些片段。文本必须包含一些正好有2位小数的金额,并且每个金额都应在新行中输入。此外,每个金额前后都可以有空格。如果一行包含2个数量,则整个文本无效。例如,此文本是有效的,因为每个金额都在新行中输入:123.3412345.562.54此示例无效,因为一行包含2个金额:12.43123.322345.54124.43此示例无效,因为一个金额不包含2位小数(每个金额必须正好有2位小数):123123.43123.65我最好的尝试是^(([0-9]+[.][0-9]{2

javascript - AngularJS ui 日期格式

所以我有:效果很好。div日历'date2'将跟随其先前的ui-date输入的变化,即'date1'输入框。AngularUI做得很好,当你在一个页面中存在多个input+div日历时,想象一个旅行社预订页面,'date4'将自动与'date3'分组,'date6'将自动与'date5'分组...ETC。干得好。但是,在我的示例代码中仅适用于带有反斜杠分隔符“MM/dd/yyyy”的美国格式。我的问题是,如何更改默认输入日期格式?如果我想将iso-8601'yyyy-MM-dd'作为我的输入,ui-date似乎无法将其识别为有效输入。我试过了ui-date="yyyy-MM-dd"它似

javascript - AngularJS-valueFn

函数的意义是什么functionvalueFn(value){returnfunction(){returnvalue;};}在angular.js中定义。它用于前。在varlowercaseFilter=valueFn(lowercase);register('lowercase',lowercaseFilter);如果我们直接使用小写有什么不同register('lowercase',lowercase);代替上一行。同理,在方法中functionngDirective(directive){if(isFunction(directive)){directive={link:dir

javascript - angularjs:在ng-switch中从 Controller 更改父范围

所以,我可以从子Controller更改模型值,但是当子Controller在ng-switch中时它不起作用,为什么?我创建了anexample来证明它。避免这种情况的一种方法是在模型名称中使用.,例如bunnies.kills。这是错误还是功能?使用Angular1.0.6 最佳答案 使用您的代码结构,您需要在您的子Controller中更改:$scope.$parent.kills++;到$scope.$parent.$parent.kills++;解释:MainCtrl的范围是SimpleParentCtrl的父范围,但是S

javascript - AngularJS ng-repeat 不起作用?

我是AngularJs的新手,仍在尝试弄清楚基础知识是如何工作的……我正在使用SoundcloudAPI为给定用户提取关注者列表。到目前为止,在我的$scope.init函数中,我能够连接到Soundcloud,对用户进行身份验证并返回用户关注者的json列表。然后,我将每个关注者推送到一个名为$scope.results的数组中,并通过在控制台中输出来验证该数组是否已满。但是,当我尝试在我的main.htmlView中使用ng-repeat将每个关注者输出为数组中的列表项时,我什么也没得到......这是我的代码:ma​​in.js.controller('MainCtrl',fun

javascript - 用于标签属性的 Angularjs ng-repeat 项目

我的问题是如何在声明ng-repeat的同一标签上使用ng-repeat中的item我需要什么(用一些抽象的模板语言):{%foriteminitems%}{{item.name}}{%endfor%}使用angular我不知道如何访问那个item.dataTheme{{item.name}} 最佳答案 你可以使用{{item.name}}演示:Fiddle 关于javascript-用于标签属性的Angularjsng-repeat项目,我们在StackOverflow上找到一个类似的

javascript - 我如何在angularjs中滚动一个div

这很容易用jQuery完成:varmsgs=$(".messagesul")varscroll=falseif(msgs[0].scrollHeight===(msgs.scrollTop()+msgs.outerHeight())){scroll=true}$scope.messages.push(data)if(scroll){setTimeout(function(){msgs.scrollTop(msgs[0].scrollHeight)//Allowittoupdate!},0)}为了提供一些上下文,ul是消息的容器,我遍历$scope.messages中的数组,如果容器滚动

javascript - AngularJS:将服务注入(inject)指令?

我一直在尝试将D3.js与Angular集成,并且正在学习本教程:http://www.ng-newsletter.com/posts/d3-on-angular.html本教程创建了一个包含d3Service的d3模块,并将其注入(inject)指令中。我的应用程序的结构略有不同,但每当我尝试注入(inject)d3服务时,它都会在我的指令link函数中显示为undefined。我可以毫无问题地将d3服务注入(inject)我的Controller。这是我正在做的:app.js:varsentimentApp=angular.module('sentimentApp',['ngRou

javascript - AngularJS:HTML 选择使用 map 中的值

有这个HTML:尽管$scope.groups是映射{'a':'','b':'','c':''}我想选择显示map键:a、b、c目前它没有选择任何东西。如何更改ng-options?\更新1gforginObject.keys(groups)也不起作用。 最佳答案 您可以使用以下语法:您可以查看select指令的完整文档,尤其是ngOptions的详细信息:http://docs.angularjs.org/api/ng.directive:select 关于javascript-Ang