草庐IT

Angular-UI-Bootstrap

全部标签

javascript - 具有多个作用域的 JQuery UI 可拖放?

我想要几类draggables,每类对应一类droppables。但除此之外,我还想有一个单独的“垃圾箱”,所有的可拖拽物都可以被丢弃,直到找到合适的可拖放物为止。现在,这可以通过接受函数轻松实现。但是,我可能有多达20个类,每个类有30-40个可拖动/可放置的对象。因此,如果我为此使用“接受”功能,当我拿起一个可拖动对象时,我的chrome会卡住,因为它会为屏幕上的每个可放置对象运行测试:(如果我使用“scope”属性就可以解决这个问题,因为它似乎使用了一些不同的方式。但是,当我使用范围时,我似乎无法实现“垃圾桶”的概念,因为它只能有一个范围!有什么方法可以绕过这个问题吗?给drag

javascript - 使用 d3.js 的六 Angular 网格

我目前正在尝试使用d3.js创建一个六Angular网格和hexbinplugin对于d3.js.我遇到的问题是我的网格中总是有空六边形或整行空行,而不是所有六边形都很好。有什么办法解决这个问题吗?Mycode:varmargin={top:80,right:20,bottom:50,left:80},width=$(window).width()-margin.left-margin.right,height=$(window).height()-28-margin.top-margin.bottom;varpoints=[];for(vari=0;i 最

javascript - 不改变位置的 Angular 路由

ChromePackagedApps有相当严格的内容安全政策。这样做的一个结果是操纵位置(如单击链接)会导致:'Can'topensame-windowlinkto"chrome-extension://lkjasdfjklbdskjasdfjkhfdshjksad/derp.html";trytarget="_blank".'Target_blank将在chrome中打开链接,这不是我想要的。AngularJS的路由能否在这样的锁定环境中工作?他们提供了anexampleAngular应用程序的一部分,但显然不使用路由。更新这是一个链接,点击后会出现错误:Walrus{{id}}!

javascript - 使用 Angular 的 $q.when() 有理由地解决延迟

我想使用$q.when()来包装一些非promise回调。但是,我无法弄清楚如何从回调中解决promise。我在匿名函数中做了什么来强制$q.when()以我的理由解决?promises=$q.when(notAPromise(//thisresolvesthepromise,butdoesnotpassthereturnvaluevvvfunctionsuccess(res){return"Specialreason";},functionfailure(res){return$q.reject('failure');}));promises.then(//Iwantsuccess=

javascript - Twitter bootstrap scrollspy - 在平滑滚动时禁用?

我们在侧边栏ul/il列表上使用twitterbootstrapscrollspy,效果很好。但是,我们在单击侧边栏中的链接时也会使用平滑滚动。这会导致scrollspy突出显示进入View的每个元素,就像在正常情况下应该的那样。但是当通过单击侧边导航中的链接触发滚动时,用户很可能不希望菜单在滚动时显示动画。有什么方法可以在动画滚动运行时暂时禁用scrollspy,然后在滚动完成后重新启用它? 最佳答案 通过将类设置为scrollspy的目标,您可以动态停止/恢复scrollspy操作。$('body').scrollspy({ta

javascript - 如何在 "background"/不卡住 UI 中运行 javascript 函数

我已经完成了一个HTML表单,它在许多不同的选项卡中有很多问题(来自数据库)。然后用户给出这些问题的答案。每次用户更改选项卡时,我的Javascript都会创建一个保存。问题是每次更改选项卡时我都必须遍历所有问题,并且每次都会卡住表单大约5秒钟。我一直在寻找如何在后台运行保存功能的答案。显然没有真正的方法可以在后台运行某些东西,许多人建议使用setTimeout();例如这个Howtogetagroupofjsfunctionrunninginbackground但是这些例子都没有解释或考虑到即使我使用像setTimeout(saveFunction,2000);这样的东西也不能解决我

javascript - Bootstrap 函数声明

这个问题在这里已经有了答案:JavaScriptplussigninfrontoffunctionexpression(4个答案)关闭8年前。我查看了bootstrapJS源代码,发现了一些我以前从未见过的东西:+function($){"usestrict";//...}(window.jQuery);函数声明前的+号是怎么回事?是为了缓解一些潜在的缩小问题还是什么?我相信在表达式类型之前放置一个+会将表达式的结果转换为一个数字,但我看不出它在这里有什么相关性。感谢任何能为我阐明这一点的人。

javascript - Angular 中的范围变量和 ng-include 不协调

我有一个文件拖放区来获取文件的数据内容。如果我将$scope.importData设置为null,则无法再在放置处理程序中分配数据。$scope.handleDrop=function(evt){if(window.File&&window.FileReader&&window.FileList&&window.Blob){varfiles=evt.dataTransfer?evt.dataTransfer.files:evt.target.files,file=files[0],reader=newFileReader();reader.onloadend=function(evt)

javascript - OrderBy 日期值,在 Angular JS 中只是字符串

我正在尝试按日期对一些数据进行排序,尽管日期只是字符串,格式为dd-mm-yyyy。我做了一个过滤器,它转换了纯数字字符串(在美国日期格式中,我想要英国日期格式)例如01272012到27-01-2014,但是当我尝试订购它们时它仍然只有将它们视为数字字符串,因此01-01-1990会出现在02-01-2014之前。关于如何在过滤器中执行此操作的任何建议?谢谢!更新我发现如果日期格式是yyyy-mm-dd,日期会自动排序。然后我使用orderBy:['date']对数据进行排序,仅在显示数据时使用我的原始过滤器。我最终不得不反转我的数据,显示最近的日期。为此,我在我的orderBy语句

javascript - AngularJs 和 Angular-UI-Router 路由权限

我面临着如何根据从服务器获取的远程数据实现路由限制的问题。假设我有以下配置文件:angular.module('myApp').config(['$stateProvider',function($stateProvider){$stateProvider.state('post',{url:'/post/:post_id',abstract:true,[...]}).state('post.view',{url:'/view'[...]}).state('post.edit',{url:'/edit'[...]})}]);我的申请要求是:一个帖子有一个所有者(帖子的创建者),它的域可