草庐IT

angularjs-bindings

全部标签

javascript - 如何将 jquery 事件重新绑定(bind)到通过 ajax 加载的内容,而无需为每个事件/类执行此操作

所以我在其中绑定(bind)了这个jquery-App:我所有“.btn-delete”元素的“删除功能”我所有“.btn-add”元素的“添加功能”等等。在我的webapp的一个div中,我异步加载内容,包括我想将“删除”和“添加”功能绑定(bind)到的元素。这些元素也有一个“btn-delete”或“btn-add”类-但由于内容是异步加载的,因此事件不会绑定(bind)到它们而不做任何事情。所以我听说使用可以在异步加载内容后立即触发的.on('click'...)函数,我可以重新绑定(bind)这些函数。但是我必须为我想使用的每个功能都这样做。我不想要。我想要的是有一个通用函数

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

javascript - AngularJS 显示数组中的列表

我有一个返回数组的Controller,我试图将该数组的每个元素显示为一个列表。我正在尝试执行的操作无效:{{response.text}}response.text从Controller返回一个数组。我也想知道,ng-repeat属性的值应该是什么,任何唯一的字符串?谢谢! 最佳答案 使用$scope变量在Controller中定义数组:app.controller('PostsCtrl',function($scope){$scope.response={text:['hello','world']};}然后在VARIABLE上

javascript - AngularJS UI 路由器在工厂/服务中使用已解析的依赖项

我有一个UIRouter定义了这样的东西(为简单起见进行了trim):$stateProvider.state('someState',{resolve:{model:['modelService','info',function(modelService,info){returnmodelService.get(info.id).$promise;}]},controller:'SomeController'});此someState状态正在使用依赖于该model解析的工厂/服务。它是这样定义的,AngularJS在这里抛出一个Unknownprovider:modelProvide

javascript - ECMAScript6 AngularJS 过滤器

我在一个项目中使用ECMAScript6并试图创建一个AngularFilter。以下是我的尝试,但是我在控制台中收到以下错误:无法设置未定义的属性“PassFilter”我是ES6和Angular的新手。由于遗留限制,我不得不以这种方式引导Angular。myAngularModule=angular.module("MyModule");angular.element(document).ready(function(){varmyDiv=$("#myAngularDiv");angular.bootstrap(myDiv,["MyModule"]);});myAngularMod

javascript - 如何在 React 中使用钩子(Hook)绑定(bind)函数?

基本上我们在构造函数中绑定(bind)事件处理函数,或者像下面这样在React类组件中将它们作为箭头函数classTestextendsComponent{constructor(props){super(props);this.state={count:0};this.setCount=this.setCount.bind(this);}setCount(){this.setState({count:this.state.count+1});}render(){returnIncrease}}但是在Reactv16.7.0中引入hooks之后,类组件变成了具有状态的功能组件。那么如何

javascript - 主干绑定(bind)事件多次触发

我正在尝试使用backbonejs构建一个切换View,当我切换View几次时,发现我的绑定(bind)事件被触发了多次。下面是更好说明的代码:htmlhaloworldredviewblueviewCSS#red_view{width:400px;height:400px;background-color:red;}#blue_view{width:400px;height:400px;background-color:blue;}.button,.button2{width:300px;height:300px;background-color:gray;}javascriptRe

javascript - 如何在 knockout.js foreach 绑定(bind)中有条件地呈现 tr

我想使用knockout动态呈现行和列。我的想法是,我想用一些单元格填充每一行,并在需要时动态添加更多行。假设单元格总数等于4*行数,然后我尝试了:但它像以前一样工作:通过不渲染包含内容的整行,是否可以使用knockout渲染所有单元格并仅在需要时添加行?作为一种解决方法,我考虑嵌套foreach,但它需要我的模型从一维变为二维,这看起来很奇怪。 最佳答案 添加另一个计算属性,将您的数据组织成行:代码:varvm={people:ko.observableArray([{fname:'fname',lname:'lname'},{f