草庐IT

ng-value

全部标签

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

javascript - event.target.value 和 event.currentTarget.value 的区别

我在事件处理程序中捕获了一个输入值,如下所示:importReactfrom'react';exportclassNewsletterextendsReact.Component{handleClick(event){letnewsletterId=event.target.value;console.log(newsletterId);}constructor(props){super(props);this.state={newsletter:this.props.newsletter,}}render(){return()}}这表现得很奇怪。目标值有时会变为undefined。有

javascript - 解构嵌套对象 : How to get parent and its children values?

下面的函数接收一个对象,该对象具有属性current,它也是一个对象,并且它具有selectionStart和selectionEnd属性。在这里,嵌套解构按预期使用Start和End变量工作,但我还需要current的值。functionsomeFunction({current:{selectionStart:Start,selectionEnd:End}}){//dosomethingwithcurrent,Start,andEnd}我如何使用解构得到它? 最佳答案 第一个解构只创建Start和End变量。如果要将curren

javascript - 如何禁用 ng-grid 中的选择

是否可以使用内置功能“禁用”或锁定对ng-grid的选择?我希望用户能够选择一行,单击一个按钮,然后网格将保持锁定状态,直到用户按下另一个按钮。 最佳答案 是的,您可以从beforeSelectionChange返回false以禁用更改网格上的选定行。$scope.option={enableRowSelection:true,};$scope.gridOptions={data:'myData',beforeSelectionChange:function(){return$scope.option.enableRowSelect

javascript - 处理 ng-repeat 中的重复元素

我正在构建一个具有一种“播放列表”功能的应用程序。这表示带有ng-repeat="elementinplaylist"的ng-repeated自定义指令因为我想允许用户在播放列表中重复使用相同的元素两次,所以我尝试使用trackby$index添加。现在,令人困惑的是:当我从播放列表中删除一个元素时(我有一个函数removeElement(index),它基本上包含如下内容:$scope.removeElement=function(index){$scope.playlist.splice(index,1);}奇怪的事情发生了:该元素已从$scope.playlist中正确删除,但由

javascript - 为什么 document.getElementById 返回一个具有名为 'value' 的属性的对象?

我正在尝试学习JavaScript和DOM。基于Internet上的一些示例,我创建了这个HTML:然后在JavaScript代码中我有这一行。document.getElementById("amount3").value=x;代码运行良好。我能够更改该文本输入中显示的内容。但现在我正试图了解底层代码及其工作原理。我在https://developer.mozilla.org/en-US/docs/Web/API/document.getElementById中查找了一些DOM引用.我可以看到该方法应该返回一个对象Element。但是,元素不包含称为值的属性。但是我注意到有一个名为H

javascript - Angularjs ng-repeat 在模型更改时不会更新

我的项目中有这段代码。我尝试使用$http从数据库中添加数据,但ng-repeat不更新表,只显示一个空白行。当我检查范围时,数据已经存在。我已经阅读了很多答案,但它们似乎与我的问题无关。TextoListaCuentaRed{{tuit.texto}}{{tuit.lista.nombre}}{{tuit.lista.cuenta.nombre}}{{tuit.lista.cuenta.red.tipo}}Controller:.controller('TweetsController',['$scope','$http','filterFilter',function($scope

javascript - Angular JS : ng-repeat with dynamic ng-model

我有一段重复多次的有效代码,因此非常适合ng-repeat循环。例如,我的代码的两个实例如下。这是Javascript中的filterParamDisplay数组:$scope.filterParamDisplay=[{param:'userName',displayName:'UserName'},{param:'userEmail',displayName:'UserEmail'}];我一直在尝试将其放入ng-repeat循环中,但到目前为止没有成功。这就是我对atm进行的编码。问题在于上面的ng-model变量,以及ng-click和ng-show中的$index。不确定这是否可

javascript - Aurelia.js : How do I animate an element when bound value changes?

我正在使用Aurelia.js对于我的用户界面。假设我有以下View标记:${item.name}${item.value}绑定(bind)到模型“项目”。当模型中的一个值发生变化时,我想为显示更改值的单元格设置动画。我怎样才能做到这一点? 最佳答案 这可以用Aurelia来完成customattributes特征。创建一个新的javascript文件来描述属性(我将属性命名为“animateonchange”):import{inject,customAttribute}from'aurelia-framework';import