草庐IT

ng-touchend

全部标签

javascript - 在 Angular 中动态重置 ng-form

我查看了以下内容:ResetForminAngularJS和Angularclearsubformdataandresetvalidation从这些我试图创建一个动态表单重置/清除函数,它看起来像下面这样:$scope.clearSection=function(formName){$scope.formName.$setPristine();$scope.formName.$setUntouched();};是否可以在表单名称动态传递给此函数的Angular中创建这样的动态清除函数? 最佳答案 示例plunkr:http://pl

javascript - 具有内联函数的 Angular ng-click

为什么onclick="window.history.back()"起作用而Angular的ng-click="window.history.back()"不起作用? 最佳答案 您可以将window添加到您的$scope中,甚至更好地添加到$rootScope中,这样每个$scope可以访问window,因此您的初始尝试将如您所愿地工作。将其添加到$rootScope的示例:app.run(['$rootScope',function($rootScope){$rootScope.window=window}])然后你只需调用:Go

javascript - 将 ng-include 用于原始(或编译)HTML 还是模板 URL?

假设我有一个模板,其中包含一个带有ng-include指令的元素:我正在尝试将我们所有的模板简化为我们构建的应用程序JS(使用browserify和brfs转换),从概念上讲,它看起来像:这最终会导致:listitem">除了在ng-include中使用模板URL之外,还有什么方法可以使用原始或编译后的HTML吗?如果没有,是否有另一种Angular替代方法可以让我完成这个,无论是作为某种包含还是部分,但能够包含原始/编译的HTML? 最佳答案 我自己花了几天时间,使用$templateCache找到了一个很好的解决方案。javas

javascript - AngularJS - 仅在 ng-change 上触发 $timeout 事件一次

我在绑定(bind)到范围变量的html输入字段上有一个ng-change。varchange=function(){redraw_graph()}现在,当我更改输入框时,它会为我输入的每个新字符重新绘制图形。我想要延迟(N秒),所以在ng-change事件触发之前,angular会等待用户完成输入。如果触发了多个ng-change事件,它会取消较早的事件,只执行最新的事件。我已将延迟与超时结合起来,但在N秒后,ng-change事件仍然触发不止一次。我以前解决过这个问题,但我目前不知道该怎么做。 最佳答案 对我来说,您所要求的似乎

javascript - 带有 ng-include 的 Angular JS ng-switch?

我有3个不同的代码片段,我想根据选择菜单中的选择进行交换。如果我包含内联代码,它会起作用,但是当我尝试像这样使用ng-includes时,我会收到Angular错误并且应用程序失败:我在这里做错了什么?ng-switch不能与ng-includes一起使用吗? 最佳答案 原因是指令ng-include和ng-switch-x都使用了嵌入,而您在同一个元素上指定了这两个指令,这是不允许的。将nginclude移动到ng-switch元素的子元素。这在angular1.x版本之前一直有效,但是从1.2.x版本的angular开始,复合嵌

javascript - AngularJS Ng-重复和重复

我在SO中看到很少有问题讨论在ng-repeat中不允许重复。我的问题有点不同。就我而言,我很困惑,因为我即使数组中有重复的对象也没有收到错误这是我的HTML代码{{item.email}}下面是填充数组的代码app.controller('MainCtrl',function($scope){$scope.items=[];$scope.items.push({"id":"1","email":"a@b.com"});$scope.items.push({"id":"1","email":"a@b.com"});$scope.items.push({"id":"2","email":

javascript - 如何检查某些东西是否在 ng-class 的数组中

我想做这样的事情:varlist=[1,2,3,4,5]if(2inlist){returntrue}来自ng-class,所以我尝试了:ng-class="this.idinlist?'class-1':'class-2'">但是没有用,抛出错误SyntaxError:Token'in'isanunexpectedtokenat... 最佳答案 对于数组,您将使用indexOf,而不是用于对象的inif(list.indexOf(this.id)!==-1){...}所以ng-class="{'class-1':list.inde

javascript - ng-show 用于 ng-repeat 中的特定元素

我似乎无法解决这个小问题:Mother:{{parent.mother}}Father:{{parent.father}}ShowKids{{kid.name}}http://jsfiddle.net/twSFK/5/当我点击“显示child”时,我只想显示我点击的parent的child,而不是其他人。因此,我需要为我在ng-show中使用的模型提供某种索引,以仅针对特定元素。由于$scope.parents来自后端服务器并加载了ng-init,我不知道如何在Controller写入列表之前访问它以添加“事件”元素。 最佳答案 您

javascript - 删除时的 Angular ng-repeat 动画

我正在尝试在ng-repeat中创建添加\删除动画(使用css转换)。由于某种原因,淡出效果总是发生在列表的底部而不是您选择删除的项目(例如尝试删除第一个项目,效果显示在底部)。这是一个笨蛋http://plnkr.co/edit/XdGHKhf5z5BQMaYk1Naz?p=preview有什么想法吗? 最佳答案 如果你删除trackby$index,那么应该就可以了。只是: 关于javascript-删除时的Angularng-repeat动画,我们在StackOverflow上找到

javascript - Angular 指令/子指令嵌入在 ng-repeat 中

问题是子指令绑定(bind)到父指令,但是语法{{name}}被ng-repeat忽略。实现这一目标的正确方法是什么?HTML(主/子指令){{name}}or{{item.name}}指令angular.module('core').directive('compactSelect',[function($timeout){return{templateUrl:'modules/core/views/components/compact-select-tpl.html',bindToController:true,transclude:true,scope:{noItemSelect