在NG上的AngularJS中动画/移动一个div到另一个div -单击
在NG上的AngularJS中，可以通过使用ngAnimate模块来实现动画效果。ngAnimate是AngularJS的一个官方模块，它提供了一些指令和服务，用于在应用中添加动画效果。
要在AngularJS中实现将一个div移动到另一个div的动画效果，可以按照以下步骤进行操作：
- 引入ngAnimate模块：在HTML文件中引入ngAnimate模块，确保它已经被加载。
<script src="angular-animate.js"></script>- 定义动画样式：在CSS文件中定义动画的样式，例如移动、渐变、旋转等效果。
.move-animation {
transition: all 0.5s ease;
}
.move-animation.ng-enter,
.move-animation.ng-leave {
position: absolute;
}
.move-animation.ng-enter {
transform: translateX(100%);
}
.move-animation.ng-enter-active {
transform: translateX(0);
}
.move-animation.ng-leave {
transform: translateX(0);
}
.move-animation.ng-leave-active {
transform: translateX(-100%);
}- 应用动画效果：在HTML文件中使用ngAnimate指令来应用动画效果。
<div ng-app="myApp" ng-controller="myCtrl">
<div ng-click="moveDiv()" ng-class="{'move-animation': isMoving}">
<!-- Content of the div -->
</div>
</div>- 编写控制器逻辑：在JavaScript文件中编写控制器逻辑，包括定义moveDiv函数和isMoving变量。
var app = angular.module('myApp', ['ngAnimate']);
app.controller('myCtrl', function($scope) {
$scope.isMoving = false;
$scope.moveDiv = function() {
$scope.isMoving = !$scope.isMoving;
};
});在上述代码中，点击div时，会触发moveDiv函数，该函数会切换isMoving变量的值。当isMoving为true时，div会应用move-animation样式，从而实现移动到另一个div的动画效果。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云数据库MySQL版等。你可以在腾讯云官网上找到这些产品的详细介绍和文档。
腾讯云官网链接：https://cloud.tencent.com/
相关·内容
我有两个div，一个是空的，另一个是预定义的项。单击一个列表中的项时，另一个列表将获得添加到其中的项。
我想要实现的是动画项目从一个列表，以显示物理移动到另一个。(我希望物品从右向左移动)。我对CSS动画或AngularJS动画不太了解。在jQuery中，我只需调用div上的$().animate()来修改属性。
我将如何在AngularJS中做同样的事情呢？
联署材料：
var app = angular.module('app', []);
app.controller('Ctrl', function ($scope) {
$scope.
浏览 4提问于2014-03-21得票数 3
回答已采纳
1回答
我在试着从左到右滑出另一个。
<div class="moveleft" ng-switch="article">
<div ng-switch-when="1">
...hi...
</div>
<div ng-switch-when="2">
...bye...
</div>
</div>
我想在button点击时做这个滑动：
<button ng-click="chang
浏览 2提问于2017-03-31得票数 0
我有一组元素，如下所示：
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="showcasePane" ng-class="state.current.name">
<div class="contentPane" ui-view></div>
</div>
</div>
当ng-class在showcasePane上不存在时，
浏览 0提问于2014-04-29得票数 0
2回答
(解决方案在这篇文章的底部)。
目前，我们在使用ng-animate的项目中遇到了一个问题。我们有两个状态，现在让我们给它们命名:状态1和状态2，它们的状态名都是div类。<div class="state1">。
现在state1应该滑到顶部，slide2应该从底部滑入。当在slide1和slide2之间切换时，这是很好的。但是，如果用户单击另一个移动到state1的按钮(在state1上时)，则只应更改内容，不应执行任何动画操作。
目前，我们使用：.state1.ng-leave { }用于state1 div上的离开动画，而.state2.ng-enter {
浏览 3提问于2016-11-08得票数 0
回答已采纳
1回答
我有一个相当复杂的ng-repeat。显示的项目数可以由两个按钮控制。first按钮使用筛选器从ng重复中删除单个元素。第二个按钮移除一组元素并显示一组其他元素(也使用过滤器)。
我目前在ng上有一个动画-重复如下：
<style>
.animation {
-webkit-transition: 1s;
}
.animation.ng-enter {
opacity: 0;
}
.animation.ng-enter.ng-enter-active {
opacity: 1;
}
/* Similar for ng-le
浏览 3提问于2016-03-24得票数 1
回答已采纳
4回答
我有一个列表，我使用ng-重复:用户可以通过使用向上箭头和向下箭头图标与列表项进行交互，只要单击它们，我只需更改“列表”中元素的顺序--这就是角度建议更改模型的内容，并且这些更改会自动反映在视图中。
<div ng-repeat="item in list">
{{item.name}}
<div class="icon-up-arrow" ng-click="moveUp($index);"></div>
<div class="icon-down-arrow" ng-click=&
浏览 6提问于2013-12-14得票数 33
回答已采纳
2回答
我如何在AngularJS中动画一个div？我尝试了几个例子来证明我的意图，但是动画不起作用。
我想要创建一个方法，如果用户单击按钮，那么搜索表单将在视图中显示一个过渡动画。
我知道我必须为我的应用程序模块创建一个.animation()。我可以在一个Ctrl文件中创建这个文件，还是必须在一个单独的文件中创建它？
<div ng-class="searchFormAnimation" ng-hide="searchFormHide">
...//search form
</div>
//In a separate panel is th
浏览 1提问于2015-05-12得票数 0
回答已采纳
1回答
我试图使用带有CSS3转换的ng显示来动画一个div。有两个div:一个在前景，另一个隐藏在它后面。当用户鼠标在前景div上方时，隐藏的div应该向上滑动。如果用户光标移动到幻灯片div上，它也应该保持显示。如果用户光标离开幻灯片div或前景div，则应向下滑动。不过，它似乎不能正常工作。下面是一个柱塞：
css正确吗？
div#cover {
background-color: lightblue;
width: 90px;
height: 30px;
position:absolute;
bottom: 0px;
z-index:10;
}
.slide {
浏览 1提问于2014-11-26得票数 1
回答已采纳
使用AngularJS和ng类，当类在三种可能的状态之间发生变化时，我会尝试动画化。我有一个div，它可以分为三种状态，由div上的类表示。这些州的定义如下：
<div class='myDiv'></div>
<div class='myDiv foo'></div>
<div class='myDiv bar'></div>
注意，类foo和bar是排他性的，这意味着<div class="myDiv foo bar">&l
浏览 3提问于2014-10-14得票数 0
1回答
我正在用许多幻灯片构建一个应用程序，我使用角JS在触发CSS动画的元素上切换类。我遇到的问题是，当单击一个按钮时，会触发角控制器上的一个函数，该函数更新决定元素类的$scope的属性，导致动画开始更新的属性似乎在元素的旧类被删除之前被更新，以及分配的新类，因此元素总是只朝一个方向移动。
我想要发生的是，当slide1调用slide2 ()函数时，slide2从右向左滑动，这样做是正确的，但是当backToOne函数通过单击幻灯片2上的后退按钮被调用时，slide2应该滑到右边。
实际发生的情况是，当调用backToOne()函数时，slide2会滑到左边。任何帮助都是非常感谢的。我对角很陌生，
浏览 2提问于2014-02-17得票数 0
回答已采纳
我有一个项目列表(Div)，当我点击它们中的任何一个时，我需要它们(带有动画)移动到列表的顶部。然而，移动动画对我不起作用。HTML代码：
<body ng-controller="myCtrl">
<div ng-init="items=[1,2,3,4,5,6,7,8,9]">
<div data-ng-repeat="item in items track by $index"
ng-click="move2Top($index)"
class=
浏览 3提问于2014-10-29得票数 4
我不知道用什么最好的方法来形容这个问题。
我正在使用ui.bootstrap，在我的肚脐有几个下拉列表。我有一个很好的动画在这些肚脐下拉。他们都和这个差不多：
<div id="settings_menu" dropdown data-ng-click="ddAnimate()">
<span class="glyphicons glyphicons-settings dropdown-toggle cursor" data-toggle="dropdown"></span>
&
浏览 3提问于2014-09-16得票数 1
回答已采纳
1回答
我正试着在我的应用程序上放动画。这个表中有一行，每一行都可以修改/删除或移动。这就是诀窍，我可以在表格中的行之间移动项目，但是我不能在这个动作上放动画(反转，交换)。我创造了一个Fiddle的基础上，我已经找到了关于这一主题，但这是与div，而不是桌子。我已经修改了它以配合我的情况。
=>原始Fiddle (works)：
<div ng-repeat="person in people" class="person">
{{person.first}} {{person.last}}
<button n
浏览 3提问于2015-07-22得票数 4
我试着用角度动画，像下面的演示。单击按钮时，项目应该向上、向下、顶部或底部。，
<div ng-controller="animateCtrl">
<div class="container">
<ul class="ulFade" id="autoscroll">
<li ng-repeat="li in lis" class="fade show">
{{li.name}}
<button ng-cli
浏览 2提问于2016-09-20得票数 2
回答已采纳
当范围内的数组发生变化时，我使用angularjs将动画添加到表中。下面是HTML代码：
<div ng-app="myapp" ng-controller="myCtrl">
<table>
<tr ng-repeat="x in items track by $index" class="fade2">
<td >
浏览 0提问于2015-11-26得票数 2
我编写了一个显示元素列表的指令。列表更改后，旧列表向左移动，然后移动到新列表。要实现此行为，请使用ng-重复指令和css3转换。我注意到动画类(ng-动画-输入ng-动画-启动ng-活动ng-进入活动)在动画结束后没有被删除，并且由ng-重复循环放弃的旧节点也没有被删除。
柱塞中的示例：
这个问题发生在firefox中。在铬下一切都很好。
如果你能告诉我我做错了什么，或者这是一个角度问题，我将不胜感激。
浏览 7提问于2013-11-21得票数 0
1回答
我使用创建了多维数据集控件。
到目前为止我得到了什么。
我使用ng-if和ng-include来触发动画
<div ng-repeat='view in views' class='cube container'>
<div ng-if='view.name == selected' " +
ng-include='view.template' " +
ng-animate="{enter: 'animate-enter&
浏览 0提问于2013-12-24得票数 1
回答已采纳
我的要求是在每个$route更改请求上显示一个旋转图像，并在成功或错误时隐藏旋转图像。我正在使用角动画. am在$route成功后滑动视图。
<div ng-cloak ng-controller="sliderController">
<div ng-view ng-class="{slide: true, left: isDownwards, right: !isDownwards}">
</div>
</div>
在加载新页面后，我需要隐藏到进度图像(旋转器)(即:在完整的页面动画上)。
任何帮助都将不胜感激
浏览 1提问于2014-03-26得票数 0
1回答
我有一个指令，当一个元素形成ng重复列表时，这个指令会出现.到目前为止，该指令没有切换，因此它只在单击该项时出现，并且在单击另一个元素时被销毁和重新创建。
我遇到的问题是，一旦显示了ng重复列表，用户单击了元素，指令就会出现，但是如果用户然后过滤列表，绑定到指令的元素就会消失，但是指令仍然存在。
我尝试在过滤器的输入中添加一个ng-focus="hideVersions = true"，在包装指令的容器中添加一个，但到目前为止还没有成功。
这是我的过滤器：
<input ng-show="artist.name" ng-model="$parent
浏览 2提问于2014-04-14得票数 0
1回答
朋友,
我正为这件事大发雷霆，我希望你能帮我。我试图用angularjs1.2rc1(可能已经改变了吗？)对重复元素的子元素进行动画化，大致如下所示：
<div ng-repeat="row in rows" class="animated-row>
<div class="animated-child">Row content</div>
</div>
我想要的是动画的孩子，以移动内重复行进入和离开。因此，根据文档，我尝试了这样的选择器：
.animated-row {
overflow: hid
浏览 4提问于2013-10-01得票数 9
回答已采纳
我当前正在尝试在单击一个按钮后将一个div移到另一个div。
我知道这在JQuery中是如何工作的，但是有没有什么方法可以在angularJS中执行呢？我正在使用angularJS做一个网上商店的应用程序，但实际上从来没有做过任何角度动画的事情。添加产品后，会有一个div移动到另一个div，这样您就知道您已将产品添加到购物车中。
这是一张演示我意思的图片：
我只是想把div1迁移到div2上。对此最好的实践是什么？任何帮助都是非常感谢的。因为额外的div1可以在动画之后隐藏，并在以前的位置上重置。
浏览 2提问于2016-09-23得票数 1
回答已采纳
我有带两个按钮的导航条。
<div class="navbar-header">
<div class="navbar-header">
<div id="toggle-menu" ng-click="isShowSideBarMobile = !isShowSideBarMobile"><i class="fa fa-bars fa-3x"></i></div>
<div id="to
浏览 3提问于2015-05-03得票数 0
回答已采纳
我有一个按钮和一个隐藏的div。当我单击该按钮时，div的宽度将展开。这是到目前为止我的HTML：
<div ng-controller="PageController">
<button ng-click="togglePage()>Show Details</div>
<div class="page-slide-animation" ng-show="page">
</div>
</div>
我的控制器提供了以下方法：
$scope.toggl
浏览 0提问于2014-11-04得票数 2
我使用这个控制器获取博客文章：
appCtrl.controller('NewsCtrl', ['$scope', '$http',
function ($scope, $http) {
var posts = [];
$http.get("https://www.googleapis.com/blogger/v3/blogs/BLOG_ID/posts?&key=MY-API-KEY")
.then(function (response) {
pos
浏览 0提问于2016-02-28得票数 0
回答已采纳
当涉及到在ng-repeat中设置ng-move动画时，我有点困惑。例如，如果我将一个数组项从3移动到7，4-7项被上移，并且它们被动画。然而，我从3移到位置7的实际项目不是这样的。这是一个演示我的问题的柱子。
然而，将项目7移动到项目3，正如我所预期的那样，它会对单个移动的项目进行动画处理，而不是对已被下推的项目进行动画处理。
这对于向用户显示移动的内容并不是很有用。应该如何正确地为ng-move设置动画？
浏览 1提问于2013-12-20得票数 10
我有一个项目列表，每个项目都有一个唯一的id。
$scope.arr = [{val:0,id:'a'},{val:1,id:'b'},{val:2,id:'c'}];
每个项目都按照其$index绝对定位。
<div class="item" ng-repeat="item in arr track by item.id"
ng-style="getAbsPos($index)" >{{item.id}}</div>
我想要的只是在数组中交换arr[0]和arr[2]，显
浏览 0提问于2014-06-01得票数 4
回答已采纳
1回答
有角度的发展！
在一起使用ngAnimate和UI-路由器时，我遇到了一些问题。基本上，我有五个子状态(“幻灯片”)，它们构成了我的主要内容，并且每个边都有一个按钮。单击这些按钮后，将分别转到上一张幻灯片和下一张幻灯片。
我使用CSS3翻译动画的进入和退出的幻灯片。当用户单击左侧按钮时，当前幻灯片退出右侧，“上一”幻灯片从左侧进入。当单击右侧按钮时，情况正好相反:当前幻灯片退出左侧，“下一步”幻灯片从右侧进入。这些幻灯片循环，所以幻灯片零去幻灯片四，反之亦然。
幻灯片进入和退出视口的方向(请记住，幻灯片是UI-路由器状态，因此在动画结束时从DOM中删除它们)是由我应用于父元素的类决定的。应用“
浏览 3提问于2015-03-08得票数 4
回答已采纳
1回答
我有这样一个HTML模型
<div id="headbar" ng-swipe-left="ToogleMenu()">
<div id="menu" ng-hide="menuTogglestate">
<ul>
<li><a href="#">Menu</a></li>
....
</ul>
</div>
</div>
如何在Togglemenu
浏览 2提问于2014-01-08得票数 0
回答已采纳
我有一个应用程序，通过几周前的构建，我得到了80%的份额，它使用了大量的jQuery来制作动画。我停止了这方面的工作，并开始使用AngularJS从头开始重建它。
现在我想尝试添加一些我在旧应用程序中使用的动画。当我离开“主页”到“详细信息”页面时，我经常让一个div离开屏幕向左飞，而主表似乎在向上收缩，并与正在为新的详细信息页查看的下拉框“合并”。(表和下拉列表基本上都有相同的信息，这就是为什么动画是有意义的。下拉列表允许它们从一个记录跳到另一个记录，而不必返回主表导航。)
无论如何，我用角度构建这个应用程序的方式是，它正在处理一个索引文件，其中包含一个“ng视图”div。然后路由器确定要插
浏览 0提问于2014-08-05得票数 2
回答已采纳
我使用ng-repeat将带有图像、一些文本和索引(0到3)的JSON对象数组加载到滑块中。我有一些函数可以根据所单击的与每个JSON对象对应的导航按钮来更改图像和文本显示。我已经能够让正确的图像和文本显示在滑块中，然而，CSS动画不工作。有人知道我的代码出了什么问题吗？谢谢。
<div class="slide-window" >
<div ng-repeat="x in content" class="slide" ng-show="showSlide =
浏览 2提问于2015-02-05得票数 0
我有一个简单的模式，它有一个next按钮。
在这种模式下，我首先在
<div ng-show="step1"></div>
单击next按钮后，我在“step2”中显示不同的内容，该内容位于相同的模式中。
因此，整体的模态内容看起来像是..。
<div class="modal-body">
<div ng-show="step1">
This is step 1
</div>
<div ng-show="step2">
Thi
浏览 0提问于2015-01-16得票数 0
回答已采纳
AngularJs代码，用于导航到按钮单击事件上的另一个页面。我已捕获按钮单击事件，但无法导航到另一个页面。以下是我的代码: HTML文件：
<!DOCTYPE html>
<html>
<head>
<script src="js/angular.min.js"></script>
<script src="js/app/home.js"></script>
</head>
<body ng-app="myapp">
浏览 0提问于2014-09-29得票数 2
回答已采纳
我需要创建动态ng-重复，填充之后，我想在每个重复项上添加一个单击函数，然后单击，我想在单击的元素中添加另一个重复。这是为了创建一个小文件管理器，所以在文件夹上单击我想要添加一个文件列表(
<li class="item_grid" ng-repeat="(id,f) in files | filter:query" id="{{f.id}}" file-directive-right>
<div class="title" ng-click="clicked(id)">{{f.id}}
浏览 1提问于2015-01-21得票数 1
回答已采纳
1回答
我一直试图创造简单的动画效果(褪色)对隐藏的div。请参阅下面的代码。
HTML代码
<body ng-controller="AppController">
<ons-navigator var="navi">
<ons-page ng-controller="HomeController">
<div ng-show="splashPresent" class="check-element sample-show-hide"> t
浏览 5提问于2015-04-05得票数 0
知道怎么做吗？
我基本上设置了一个控制器，如果您单击一个元素，上面就会出现一个动画，但是，第一个元素应该是活动/单击的，只要页面加载.
一些代码：
动画出现在这里：
<div class="animation">
<div ng-repeat="theme in themes" ng-show="isActive($index);" ng-if="isActive($index);">
<img id="id_{{ theme.animation_id }}"
浏览 1提问于2014-02-13得票数 0
我正在尝试建立一个有以下流程的网站。Index.html -> content.html(由ng-view部分呈现) -> wizard.html (sub-view嵌套在内容中，并使用'ng-include')呈现。
这个想法是，当一个user访问content.html时，他有一个wizard link，点击这个link会触发两件事情：
url改为#/sub/wizard
包装在directive中的动画被激活，导致wizard从屏幕顶部慢慢滑入到中间。
我的问题是，当user单击wizard link时，只会发生url更改为#/sub/wiza
浏览 3提问于2013-11-14得票数 0
回答已采纳
尝试在这里运行我在柱塞中生成的代码，
<div ng-controller="dropdownController" class="md-padding" ng-cloak>
<div layout="row">
<md-input-container>
<md-select md-container-class="my-container" ng-model="selected" md-selected-text="displaySelec
浏览 1提问于2017-07-09得票数 0
回答已采纳
我的任务是实现一系列的教程屏幕。用户要么从一个移动到另一个，要么选择退出，在这种情况下，教程本身就会消失。
有一个外部div包含每个“步骤”--步骤1、步骤2、步骤3等。如果用户单击“继续”按钮，则显示后续步骤。下面是第一步(编号为0)：
<div class="outerdiv" ng-show=isTutorialVisible>
<div class="step step--0" ng-show="go-to-step == 0">
<div class="row-fluid"&
浏览 1提问于2015-01-30得票数 1
回答已采纳
我有这样的标记：
<div ng-controller="AutoDeployController as autoDeploy">
<input type="text" ng-model="autoDeploy.message">
<p>Message: {{ autoDeploy.message }}</p>
</div>
<button ng-click="autoDeploy.change()">change</button>
浏览 2提问于2017-11-07得票数 0
回答已采纳
1回答
在我的AngularJS应用程序中转换状态时，我应用了以下CSS动画：
.content.ng-enter,
.content.ng-leave
{
-webkit-animation-timing-function: ease-out;
-webkit-animation-duration: 350ms;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 350ms;
}
.content.ng-leave
{
-webkit-transform: translateX
浏览 0提问于2016-02-03得票数 0
在本例中：https://plnkr.co/edit/O9fbLcTV7QPvqB3FpiAA?p=preview 当您单击汉堡菜单图标并选择导航项目时，菜单将保持打开状态，直到您再次单击汉堡图标。当菜单项被选中时，有没有自动折叠的好方法？ 我试过了： <li><a href="#" ng-click="isNavCollapsed = !isNavCollapsed;">Link 1</a></li> 它可以工作，但在不处于移动模式时(在更宽的屏幕上)将触发导航菜单折叠动画。
浏览 15提问于2019-05-10得票数 0
1回答
我有一个简单的ng单击，它目前正在通过ng-init从ng-重复传递一个$index值。
我想知道的是，如何将另一个定义的值传递到ng单击中？
当前HTML:
<div ng-repeat="values in Categories" id="history-{{$index}}" ng-init="sectionIndex = $index">
{{ values.Name }}, {{ values.Amount }}
</div>
<div>
<div class="le
浏览 2提问于2014-06-11得票数 0
我试图将一个div (包含指令)的内容复制/显示到另一个div中。当我执行下面的指令时，这些指令显示得很好，但是所有的功能，例如ng-click，都不起作用。
ng单击和其他选项在源Div中工作，而不是当它被复制到目标.中时。
另外，我不会收到任何控制台错误。
请给我建议。
var srcDiv = document.getElementById(id + '-content'); //contains directives + all working fine
var dstDiv = document.getElementById(id + 'x'); //
浏览 4提问于2014-10-26得票数 1
回答已采纳
我在摆弄角度，试图理解什么时候我应该做一个新的控制器。当用户单击该按钮时，我试图实现的是#1随机化列表。我可以自动随机化，但不确定在ng-单击是否应该需要一个新的控制器范围。我想要做的第二件事是复制这个列表，但是当合作伙伴被点击的时候--它用列表中的一个随机字母来匹配它们。这涉及到在列表中给另一个字母附加另一个字母。我想知道的是，如果不是偶数的话，那额外的信该怎么办呢？任何建议。我认为比jquery更简洁地解决问题。
var myApp = angular.module('myApp', []);
angular.module('myApp', [])
.
浏览 3提问于2017-06-21得票数 1
回答已采纳
我正在编写一个程序，将文本框中的文本显示到框中。这是使用angular js完成的。我被困在不能将值从一个控制器传递到另一个控制器的部分。代码如下：
<html ng-app="MyApp">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '"
浏览 0提问于2013-06-28得票数 0
回答已采纳
假设我在一个Angular项目中有以下代码片段：
<div ng-app="ExampleApp" ng-controller="ExampleController as controller" ng-init="">
<div ng-style="styleRules={'background-color':'blue', 'width':'100px', 'height':'100px'}"><
浏览 7提问于2016-12-31得票数 0
回答已采纳
我有一个文本框，其中输入了特定的内容，如果单击button........by，我将如何将文本框的内容移动到另一个文本框中，完全清空前一个文本框。
<div class="col-sm-5">
<p>Invite People</p>
<div class="invite-user-text">
<!-- <input type="text" class="invite-use
浏览 3提问于2017-03-21得票数 0
回答已采纳
这里我有一个带有一段文字的$scope.content。当用户单击next按钮时，我将替换$scope.content文本。
这个文本转换不是很顺利，所以我想按以下顺序添加一个简单的过渡淡出：
用户单击“下一步”按钮
当前的$scope.content div将淡出。
淡出动画完成后，替换$scope.content
然后立即显示新的文本(没有动画)
angular
.module('app', [])
.controller('Controller', function ($scope) {
var data
浏览 0提问于2018-03-15得票数 1
我想使用：- AngularJS -ui-路由器-ng-动画打开和关闭动画。
我使用的当前方法是打开/关闭父类。这将从dom元素中移除css动画。
但是，当我关闭类时，它会破坏javascript一侧的动画，并且角不会将动画类放回元素上。下面是html：
<div ng-class="{animate:pageanimate}">
<p>pageanimate = {{ pageanimate }}</p>
<p><a ng-click="pageanimate=!pageanimate"&g
浏览 0提问于2014-03-17得票数 2
回答已采纳
我正在使用angularjs.I。我正在做ng-重复显示通知类型的列表，我在li tag.In中显示这个列表，这三个值是默认的。在list.If旁边有一个添加按钮，我单击Add按钮，然后需要显示另一个列表，其中三个默认的values.Again添加按钮移位到next.And，如果我再次单击add按钮，那么它会显示另一个带有默认值的列表，并添加按钮移位位置，然后这个过程继续进行。
下面是我用默认值和其他值显示的第一个列表
<div class="col-xs-12 col-sm-4 col-md-4" data-ng-
if="workboardst
浏览 0提问于2018-03-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
