草庐IT

Elment-ui

全部标签

javascript - 使用 Angular UI Router 从 URL 字符串获取状态

我在项目中使用基于状态的路由(AngularUIRouterv0.2.7),并寻找一种方法从给定的URL字符串获取当前状态(名称)。类似于:$state.get([urlString])returnsstateName:Stringorstate:Object我需要此方法来检查给定URL是否存在状态,因为并非所有URL都映射到我项目中的状态。使用PlayFramework作为后端,某些URL(例如,登录表单)未映射到状态,因为它们使用的模板与我的应用程序的Angular(主要)部分不同。对于那些“非Angular”页面(即未被状态覆盖),我会重新加载。要识别状态未涵盖的URL,我需要上

javascript - 传递/改变 jQuery UI 拖动事件

我希望用户能够左右拖动水平菜单栏。我意识到有很多旋转木马和slider库都有这种行为——但没有一个适合这种情况。当用户拖动一个LI时,是否可以将新的x-offset信息传递到firstLI的leftmargin?我在这里试了一下:http://jsfiddle.net/n92ng9uz/上述fiddle的主要问题是,偏移量仍应用于单个LI,如果我阻止事件冒泡,拖动将不再平滑。 最佳答案 由于您在注释中指定要求在第一个li元素上使用margin-left,而不是修改ul,我很确定使用jQueryUI可拖动无法轻松完成。如果我们要使li

javascript - "Re"在不重新加载的情况下使用 Angular ui 路由器解析资源

我正在使用以下代码在加载主状态时解析资源。是否可以在不重新加载页面的情况下重新解析资源?我正在避免重新加载,以免影响用户体验。$stateProvider.state('main',{url:'/',templateUrl:'publicApp/main.html',controller:'MainCtrlasmainCtrl',resolve:{userData:["UserApi",function(UserApi){returnUserApi.getUserData().$promise;}]}}).controller('MainCtrl',function(userData)

javascript - jQuery UI Resizable 的替代品

有人知道jQueryUI中可调整大小功能的替代jQuery插件吗?我的主要重点是约束边界框(父级)和图像的纵横比。 最佳答案 您可以使用CSS“resize”属性。查看此页面:http://www.css3.info/preview/resize/ 关于javascript-jQueryUIResizable的替代品,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/1210802/

javascript - 在 backbone.js 中使用 jQuery UI 拖放

我的Backbone应用程序的一个功能涉及将类型A的模型与类型B的模型相关联,这是通过将ViewA拖到ViewB上来完成的。在B的View类中,我监听放置事件并从中获取DOM元素ViewA,但没有关于模型A的信息。检索这些信息的最佳方式是什么?到目前为止我最好的猜测是让模型A在应用程序的命名空间中保存对自身的引用,如果拖放处理程序尚未这样做,则在拖动结束时删除此引用在ViewA上触发一个事件,将对模型B的引用与事件一起传递,然后让模型A调用模型B的方法...将模型A存储为ViewA的$.data属性但所有这些方法似乎都令人费解/不够优雅。 最佳答案

javascript - Angular UI Router - 嵌套路由不适用于具有嵌套状态的模板

这是我的代码:.state('profile',{url:'/profile',templateUrl:'views/user.html',controller:'UserCtrl'}).state('profile.forgot',{url:'/delivers',templateUrl:'views/user_forgot.html',Forgotyourpasword?当我点击链接时,在ui-view中出现了父状态的模板和Controller。AngularJS版本为1.2.0-rc.2 最佳答案 嵌套状态将在其父模板的ui-

javascript - 工作人员在 Chrome 中阻塞 UI 线程

我正在构建一个Web应用程序,它使用EvaporateJS通过分段上传将大文件上传到AmazonS3。我注意到一个问题,每次启动新block时,浏览器都会卡住约2秒。我希望用户能够在上传过程中继续使用我的应用程序,这种卡住会带来糟糕的体验。我使用Chrome的时间轴查看导致此问题的原因,发现是SparkMD5的散列。因此,我将整个上传过程移到了一个Worker中,我认为这可以解决问题。这个问题现在已在Edge和Firefox中修复,但Chrome仍然存在完全相同的问题。这是我的时间轴的截图:如您所见,在卡住期间我的主线程基本上什么都不做,在此期间运行的JavaScript不到8毫秒。所

javascript - Vue Element.ui 树,发出重新加载事件

我在Vue上创建了一个SPA(类似于云盘),使用Element.uitree组件,以显示文件夹树。问题在于树本身并没有一次加载所有内容,而是在惰性修饰符的帮助下顺序加载。服务器部分是mongoose+mongoose-path-tree。mongoose-path-tree的使用意味着,接下来是数据库中的树存储方案:每个节点不知道其子节点,但子节点存储它们到根元素的完整路径:#root_id#subroot_id#...#parent_id#this_id问题是,如果用户对树进行了更改(加载文件、创建新文件夹等)并且服务器接受了它们,那么如何通知树它需要加载新数据。Elementui在

javascript - 具有 Angular JS 客户端的 Rails REST API 权限 (CanCan)。如何根据权限渲染UI?

我正在构建一个只能通过JSONAPI(Rails4.0、PostgreSQL)运行的项目。这是一个具有基于数据库权限的大型应用程序。我有与此RESTAPI配合使用的AngularJS应用程序。简化结构:employees>---position---员工.rbbelongs_to:position位置.rbhas_many:employeeshas_many:permissions,dependent::destroy权限.rbbelongs_to:position##Columns#action(:manage,:read,:update,:create,etc...)#subjec

javascript - 将复杂对象传递给 ui-sref 参数

我需要像这样构建url:/list?filter[status]=1&filter[type]=2我愿意:链接:List(在参数中传递复杂对象,如果传递简单对象-{filter:1}-没问题,但我需要这个)状态:.state('list',{url:'/list?filter',…})我总共得到这样的url:/list?filter=[objectObject]演示:http://plnkr.co/edit/wV3ieKyc5WGnjqw42p7y?p=preview我该如何解决? 最佳答案 UI-Router现在附带了对参数的自定