草庐IT

angularjs-forms

全部标签

javascript - 无法绑定(bind)到没有标识符的 Controller + angularjs

我有一个这样的状态路由器:$stateProvider.state('home',{url:'/',templateUrl:'spa/layouts/home.html',controller:'HomeController',controllerAs:'ctrl'});在我的home.html模板中我有:.....在指令my-list中,我有以下内容:vartemplateUrl='spa/components/classList/classList.html';angular.module('directives').directive('myList',component);fu

javascript - 如何使用当前的 Form API 将父组件的 FormGroup 传递给其子组件

我想将父组件的FormGroup传递给它的子组件,以便使用子组件显示错误消息。给定以下parent:parent.component.tsimport{Component,OnInit}from'@angular/core'import{REACTIVE_FORM_DIRECTIVES,AbstractControl,FormBuilder,FormControl,FormGroup,Validators}from'@angular/forms'@Component({moduleId:module.id,selector:'parent-cmp',templateUrl:'langu

javascript - 如何使用 tcomb-form-native 将电子邮件验证添加到字段?

将tcomb-form-native库与reactnative结合使用-我已将keyboardType设置为电子邮件地址。如何向表单添加正则表达式或电子邮件验证器?我是否必须在提交函数上执行此操作(并抛出一个特殊错误?)或者是否有一个我可以使用该库设置的正则表达式验证字段?我注意到tcomb-validationhttps://github.com/gcanti/tcomb-validationlibrary有一个RegExp类型字段-但我没有看到任何有关如何使用它的示例。显示的示例似乎测试字段是否为正则表达式模式,这是一个令人困惑的用例,因为您通常想要针对正则表达式模式测试字段,而不

javascript - 我怎样才能 console.log #form 值将如何发送?

我知道我们可以通过其选择器手动记录任何输入值console.log('inputName='+$('#inputId').val()+'....)但是有没有更简单的方法来记录所有输入值?是否可以在任何输入更改时执行此操作 最佳答案 您可以使用serialize将表单元素序列化为字符串以进行日志记录。它遵循与正常表单提交相同的规则来包含或不包含元素。唯一需要注意的是inputtype="file"字段的内容未序列化,原因可能很明显。当任何输入改变时触发它:$("form:input").change(function(){consol

javascript - 让 AngularJS 将依赖项注入(inject)对象,就像它已经为 Controller 所做的那样

我正在使用AngularJS1.0.2与jQuery1.8.2并且我正在尝试让AngularJS将依赖项注入(inject)对象,就像它对Controller所做的那样。您可以在jsFiddle上找到一个基本示例,在那里你会发现两个Controller(List和NewItem),一个对象(Item)和一个带有服务的模块(名为服务和通信)。我的问题是Item:varItem=function(name,price){varself=this;self.name=name;self.price=price;self.pretty=function(){returnself.name+":

javascript - AngularJS 相当于 jQuery 切换显示/隐藏部分

首先,是的,我试过用谷歌搜索这个,但仍然很难找到关于AngularJS的信息。我想执行一个简单的任务,即根据在表单中按下的按钮打开部分。我只想随时打开一个部分,也许是默认部分(尚未决定)。如果您单击的按钮将被归类为“btn-primary”以进行引导,那也很好。所以这是htmlblahblah2blah3在jQuery中我会做这样的事情(简化而不是最好的解决方案只是为了解释):$('section').hide();$('#show-section1').click(function(){$('section').hide();$('#section1').show();});etc我

javascript - 在 AngularJS 中加载时隐藏模板

从服务器加载数据时隐藏模板的更好解决方案是什么?我的解决方案是使用$scope使用bool变量isLoading并使用指令ng-hide,例如:angular还有别的办法吗? 最佳答案 您可以尝试使用ngCloak指令。检查此链接http://docs.angularjs.org/api/ng.directive:ngCloak 关于javascript-在AngularJS中加载时隐藏模板,我们在StackOverflow上找到一个类似的问题: https:

javascript - 如何以 angularjs 形式添加数组大小验证规则?

我有一个表单,其中包含一些文本输入字段和存储在Controller$scope中的动态项目列表,以及一些用于添加/删除列表中项目的函数。我想使表单无效,直到项目列表达到预定义的长度。所以我创建了一个formRepeat指令,它带有一个ngModel属性,然后使用ngModelController使表单无效。http://plnkr.co/edit/jSFvak?p=preview这可行,但我认为这不是更好的方法,因为该指令不是很灵活。最简单的方法是使Controller中的表单无效,例如:$scope.myForm.$valid=false;但这行不通。有没有更好的办法?

javascript - 使用angularjs改变 body 背景颜色

我希望能够更改的背景颜色取决于当前路径。我尝试通过在路径更改时检查$location.path()然后使用ng-style来做到这一点更改背景颜色的指令,但这似乎是一个hack(并且没有用)。实现此目标的分离度更高的方法是什么?如果有人想看的话,这是我写的代码。app.controller('backgroundCtrl',['$rootScope','$scope','$route','$location',function($rootScope,$scope,$route,$location){$rootScope.$on('$routeChangeStart',function(

javascript - AngularJs 指令 : call method from parent scope within template

我对Angular指令还很陌生,我很难让它做我想做的事。这是我所拥有的基础知识:Controller:controller('profileCtrl',function($scope){$scope.editing={'section1':false,'section2':false}$scope.updateProfile=function(){};$scope.cancelProfile=function(){};});指令:directive('editButton',function(){return{restrict:'E',templateUrl:'editbutton.t