草庐IT

ng-sortable

全部标签

javascript - Ng 日期时间选择器的值更改不起作用

没有任何事件不适用于ng-pick-datetime{{attribute.attribute.displayName}}:我还导入了所需的模块:import{OwlDateTimeModule,OwlNativeDateTimeModule}from'ng-pick-datetime';https://www.npmjs.com/package/ng-pick-datetime我对其他事件有同样的错误:afterPickerOpen,yearSelected,monthSelected,dateTimeChange 最佳答案 da

javascript - 更改 jquery sortable 的排序行为

我有一个类似本页第二个示例的可排序对象:http://jqueryui.com/demos/sortable/items.htmlsortable是目标的混合:那些可以拾取和重新排列的无法拾取的禁用元素(但为掉落目标)。问题在于组件解释我的排序意图的方式。例如,拾取以下列表的第一个元素并将其拖动到第四个位置将如下所示:ABCXX==>BCXAX这里的X表示禁用的项目。在我的应用程序中,我希望排序行为有所不同。当拾取目标并将其放置在禁用项目(X)上时,列表不应移动以容纳目标,而是目标和禁用项目应该交换位置。使用与之前相同的示例(从第1位拖到第4位):ABCXX==>XBCAX如果放置目标

javascript - AngularJS 中的动画 ng-show

我正在尝试让一个ng-show元素在它变得可见/隐藏时进行动画处理。但它就像一个普通的ng-show,即显示/隐藏。我找到了这个例子:http://jsfiddle.net/Kx4TS/1/效果很好。但是,如果我使用相同的ng-animate属性和相同的css,它在我的情况下不起作用。还有什么我需要做的或动画不起作用的情况吗?我的代码是这样的:CSS是:.fadeIn-setup,.fadeOut-setup{-webkit-transition:1slinearopacity;-moz-transition:1slinearopacity;-o-transition:1slinear

javascript - 如何使用复杂对象或 json 在 ng-table 中添加动态列?

我有以下ng-table代码:seeplunkervarapp=angular.module('main',['ngTable']).controller('DemoCtrl',function($scope,$filter,ngTableParams){vardata=[{name:"Moroni",age:50,address:{coun:'USA',state:'sd'}},{name:"Tiancum",age:43,address:{coun:'UK',state:'sda'}},];$scope.columns=[{title:'Name',field:'name',vis

javascript - AngularJS 在应用程序加载后动态添加 ng-include

我有一个带有指令的更新按钮。单击按钮时,目标元素应该会收到一些包含ngInclude元素的新html。它似乎并没有加载文件,它所做的只是包含一个像这样的评论.如果我记录tpl变量我得到{0:,length:1}.这是我的指令和元素生成器代码。指令angular.module('myApp').directive("contentControl",["$compile",function($compile){return{link:function(scope,element,attrs){element.bind("click",function(){var$container=$(t

javascript - 如何使用 javascript 在 sortable 中查找值的项目

我有一个sortable,它是通过从JSON文件加载创建的。现在我想删除一个项目。我从文本区域收到我必须取消的元素名称。我保存在变量namdel中。通过for循环,我将把这个变量与可排序的名称进行比较。sortable的HTML代码:SingularsensationBeadylittleeyesLittlebirds问题是如何阅读这些项目,因为如果我阅读:varcontapara=1;varl=document.getElementById(contapara).innerHTML;alert(l);程序在alert窗口中写入:Littlebirds我只想要小鸟。

javascript - jqueryui sortable 完成排序后的事件

我想在jqueryuissortable的排序完全完成并且一切都重新到位后触发回调函数。我尝试了stop事件,但是我拖动的元素仍然是绝对定位的,所以这不是我想要的。是否有任何事件可以实现该目标,或者我是否需要设置一些奇怪的超时设置? 最佳答案 有一个更新方法。您可以在更新方法中编写代码。update:function(event,ui){} 关于javascript-jqueryuisortable完成排序后的事件,我们在StackOverflow上找到一个类似的问题:

javascript - 从 ng-repeat 中的输入多次调用 ng-change 函数

好吧,我这里有个问题。我有一个ng-repeat,里面有一个带有ng-change()的输入。这是指令模板的一部分,并且双向绑定(bind)到父对象。如果我在输入框中输入内容,一切正常,父对象也会更新。但是,当我必须从指令的Controller替换父对象时,我遇到了一个问题。问题是,一旦父对象被替换,View就会绑定(bind)新的(替换的)值。同样在那个时候,相同的函数(如在ng-change()中)被手动触发以进行一些计算。但是,我注意到同一个函数再次被调用(不知道如何调用)。重要的是输入的ng-model是未定义的,当它们被自动调用时。结果,最终父对象包含值undefined。我

javascript - 在javascript中实现类似angular ng-repeat的功能

我目前正在编写代码以实现类似ng-repeat的Angular。基本上是html中的for循环。该代码采用类为“循环”的每个元素,并使用通过“信息”属性提供的信息对其进行处理。这是代码:HTML-i-Javascript$(".loop").each(function(i){varloop_info=$(this).attr("data-info");varfin=loop_info.match(/(.*)in(\d+)to(\d+)/);varvariable=fin[1],initial=fin[2],final=fin[3];varhtm=$(this).html(),print

javascript - Angularjs ng-disabled 不起作用

这是我的表格*但是我想了解为什么这个输入字段没有被禁用?我也试过$scope,所以在CTRL中:$scope.diss=true;在html中:*还是不行,有什么提示吗? 最佳答案 这是ng-disabled指令的一个简单工作示例:Clickmetodisable: 关于javascript-Angularjsng-disabled不起作用,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questi