问题标签 [angularjs-animation]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - 动态 ng-hide?
我正在尝试根据输入隐藏 div。它是一个带有 id 的列表,所以目前我的 div 看起来像:
这输出:'hide'-1
在ng-hide
. 我试过删除''但它不起作用。
计划是每个项目都有一个按钮,当单击该按钮时,它将应用$scope.hide-1 = true;
,为该项目设置淡出动画。
有没有人根据按钮单击隐藏列表中的项目(div 中的 div)?我该怎么做?
angularjs - 用动画切换 2 个 div
我有两个<div>
用户在它们之间切换的checkbox
. 如果复选框被选中,第一个<div>
是打开的。如果checkbox
未选中,<div>
则应显示第二个。
问题是这必须在动画中发生,特别是关闭动画必须首先发生,只有当它完成后,才开始动画
这是没有动画的想法:http: //jsfiddle.net/HB7LU/11597/
angularjs - ie9中的角度动画函数预期错误
我在 angularjs ui 网格插件中使用 angular-animate.js。但在 ie9 中,我在函数 fireDoneCallbackAsync() 中收到错误“预期功能”。请参阅随附的屏幕截图。我该如何处理这个错误,而且我不清楚这个错误是从代码的哪一部分抛出的。
javascript - 在 $animate .then() 方法中访问和更新控制器模型 - 使用“this”
我有一个控制器(下)。我想从 $animate 的 .then() 方法中更新 newsCtrl 的一部分。但我无法访问它的变量。
从代码中可以看出,我的问题是 currentPage 是“未定义”时
所以我想知道,如何从 .then() 方法中更新 currentPage ?
AngularJS 文档建议我应该使用 $scope.$apply ( https://docs.angularjs.org/error/ $rootScope/inprog?p0=$apply)
但我没有在我的控制器上使用 $scope,我使用的是“this”。
javascript - 角度动画和未定义的 javascript 值的问题
我正在尝试在登录失败时触发角度动画(当服务器发送 4xx(例如 403)或未提供凭据时)。
这是控制器:
表格:
但是,如果表单在输入中没有凭据(甚至没有空字符串),表单只会晃动一次。
有人可以帮忙吗?
编辑1:
将控制器更改为:
解决了这个问题。谢谢弗洛里本...
angularjs - AngularJS 中的实时搜索:更新结果
我想要一个实时搜索:从web api查询结果并随着用户输入而更新。
问题是列表闪烁并且“无结果”文本出现了几分之一秒,即使结果列表保持不变。我想我需要使用特殊代码删除和添加项目以避免这种情况,计算数组之间的差异等。
有没有一种更简单的方法可以至少避免这种闪烁,并且可能有可能为更改设置动画?
现在看起来像这样:
html部分是:
和控制器:
angularjs - 如何从控制器方法触发 angularjs 动画?
我想从控制器方法触发角度动画。
我想出了一些我不满意的东西(见下面的代码)。
问题是,为了让我的动画正常工作,我需要跟踪 $scope 变量的状态,即$scope.shake
:
有人可以建议更清洁的解决方案吗?
编辑1:
这是所要求的css代码:
javascript - 动画滑动 div 弹跳而不是平滑地出现/消失
我的应用程序中有一个导航栏和一个子导航栏。在子栏中,可以按一个按钮,我希望此按钮打开一个新的子栏,该子栏将隐藏原始栏。
新的子栏应该从主栏后面滑动并隐藏第二个栏。
问题是:
- 当第三条出现时,它会弹跳而不是平滑地出现
- 当第三条消失时,它只是消失并且不会像我预期的那样向上滑动
我尝试使用该top
属性,认为它可能会解决问题,但事实并非如此。
我在这里附上片段。或者你可以在jsfiddle中查看
javascript - Angular.js 页面转换 & $animate.addClass
当我的路线改变时,我想在我的包装器中添加一个特定的类,这样我就可以控制将触发什么 CSS 动画。
我尝试这样做: http ://plnkr.co/edit/KRwBFb6bCTkit9eKg8yb?p=preview
但是没有添加任何类,我是否以错误的方式使用此功能?