草庐IT

angular-animations

全部标签

JavaScript/jQuery : Animate li movement within a list?

我有一些代码与此处的jQueryUISortable示例基本相同:http://jqueryui.com/demos/sortable/#default这允许用户重新排序UL中的LI元素。不过,我现在遇到了一种情况,我想为LI改变位置设置动画……基本上就像用户自己拖动它们一样。事实证明,这比我预期的要困难得多,因为我没有为可以用CSS表达的变化制作动画,所以jQuery的animate()不会有帮助。我可以通过做一些数学运算并绝对定位列表元素来解决这个问题,但这看起来非常丑陋。有没有一种优雅的方法可以让我的列表元素四处移动? 最佳答案

javascript - angular-ui select2 initSelection 没有被调用

我的页面上有一个angular-uiselect2组件。当用户输入内容时它工作正常(它使用ajax加载数据)。但是initSelection函数永远不会被调用。这是我传递给select2的配置对象{multiple:true,minimumInputLength:1,tokenSeparators:[",",""],createSearchChoice:function(term){returnterm;},width:'resolve',ajax:{url:'...',method:'GET',quietMillis:100,data:function(term,page){...}

javascript - Angular JS $location.path(...) 不触发路由 Controller

所以我尝试更新表单提交时使用的路径$location.path('/search');但它不会触发注册到'/search'的路由我也尝试过使用尾部斜杠。没什么,我也试过$scope.$apply但我只是得到了$applyalreadyinprogress错误所以肯定有一个范围。为什么这不会调用注册到路由的Controller或加载注册到它的templateUrl。路由器App.config(function($routeProvider,$locationProvider){$locationProvider.html5Mode(true).hashPrefix('!');$route

javascript - 停止在 Angular.js 中缓存 View

出于某种原因,我的所有html似乎都100%缓存在chrome中。我在.netwebapi2项目中使用Angular1.2,我的内容在index.html中提供。我还没有对缓存策略进行任何更改,但它似乎正在大量缓存所有内容。在我清除浏览器缓存之前,我所做的(对View)的任何更改都不会反射(reflect)出来。在按f5或将我的站点发布到服务器并在其上执行f5后,我没有看到新的更改。我必须明确清除浏览器缓存,或者在“打开开发工具时不缓存”设置的情况下保持控制台打开。我想防止在部署新版本时要求用户清除浏览器缓存。 最佳答案 由于没有人

javascript - Polymer core-animated-pages 默认页面

我正在使用Polymercore-animated-pages在我的网站主页之间切换。我通过的id来选择需要显示的页面.您可以查看实际示例here.现在,我遇到的问题是在加载页面时,应该选择的页面是从url加载的,例如www.example.com/home显示主页,www.example.com/activities显示事件页面(示例中省略的代码,因为不是很相关)。但是链接提供的id不存在怎么办?是否有显示默认值的选项core-animated-pages-带有404消息的页面?或者我是否必须检查每个链接是否在我所有页面的数组中,如果是,则手动加载错误页面并显示正确的页面?同样,这里

javascript - 使用 angular-ui-router 处理没有 hashbang 的路由

我在网上搜索了很多答案,但还没有找到任何答案。现在我的文件中有这段代码,我认为它可以处理除我指定的之外的所有路线/状态:$urlRouterProvider.otherwise('/');然而,此功能仅适用于像localhost:1337/#/stuff这样的路径,但如果我输入localhost:1337/stuff,我会得到一个丑陋的内部服务器错误。理想情况下,我希望localhost:1337/stuff或任何其他没有hashbang的URL重定向到localhost:1337/#/(我的应用程序的主页)。我有什么想法可以实现吗? 最佳答案

javascript - Angular Directive(指令) mouseenter/mouseleave 工作但在 mouseleave 后不设置为初始状态

我有一个指令在模板上显示学生信息列表,然后在鼠标输入时显示其他学生信息。我希望能够返回到mouseleave的初始状态。尝试了所有资源,但运气不佳。html-这是我注入(inject)指令的地方html指令模板Name:{{student.name.first}}{{student.name.last}}Bio:{{student.Bio}}Skills:{{skill.title}}指令app.directive('portfolioView',function(){return{restrict:'E',scope:{student:"="},templateUrl:'/html-

javascript - 我的子组件如何在 Angular 2 中调用父组件的方法?

背景假设我有一些父组件,称它为MatchList,其中显示了一个Hero对象列表,等等。每个Hero对象都有显示在某个表中的属性。现在假设我还为每个Hero设置了一个按钮,用于更新路线、加载新View并显示更多详细信息。之前http://heroic.com/match-list之后http://heroic.com/hero-84问题我的问题本质是这样的:我想从我的MatchList模板中的按钮调用路由器的navigate()方法,但是当我尝试时收到以下错误这样做:EXCEPTION:Errorduringevaluationof"click"BrowserDomAdapter.lo

javascript - 在 Controller 中使用 Angular 翻译,用于服务带来的数据

我有以下场景:我有一个包含这种数据的JSON文件:"IOS_TABLET_DOWNLOAD_URL":{"type":"string","minLength":"5","title":"IOS_TABLET_DOWNLOAD_URL","description":"$filter('translate')('configuration.IOS_TABLET_DOWNLOAD_URL')"},描述字段需要使用AngularTranslate进行翻译,我正在像这样将服务注入(inject)我的ControllerConfigController.$inject=['$scope','$fi

javascript - Angular 2 multi-provider 用于导出依赖项的依赖项

我即将使用multi-provider将我的依赖项的依赖项与其自身一起导出,以便它们可以立即注入(inject)到组件中。对于一个组件import{Component}from'angular2/core';import{FOO_PROVIDERS}from'./foo';@Component({selector:'app',providers:[FOO_PROVIDERS]})exportclassApp{}followingimport{Inject,Injectable,provide}from'angular2/core';import{Http,HTTP_PROVIDERS}