个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
27
4
我正在尝试使用 ngAnimate 折叠进/出框。我做了类似的事情并且它有效，但我如何摆脱高度属性？可以使用装箱来扩展(其中的文本)，但文本会超出边缘。
.myTest {
transition: all linear 0.5s;
height: 400px; /* I want to get rid this */
}
.ng-hide {
height: 0;
}
<div class="content myTest" ng-show="show">
<div class="row">
<div class="col-md-15">
<div class="text1">{{text1}}</div>
<div class="analytic">{{analytic}}</div>
<div class="text2">{{text2}}</div>
</div>
</div>
<div class="row">
<div class="col-md-15">
<div class="label">{{'label'|translate}}</div>
<div class="text3">{{text3}}</div>
</div>
</div>
</div>
最佳答案
请引用此代码
<!DOCTYPE html>
<html>
<style>
div {
transition: all linear 0.5s;
background-color: lightblue;
height: 100px;
width: 100%;
position: relative;
top: 0;
left: 0;
}
.ng-hide {
height: 0;
width: 0;
background-color: transparent;
top:-200px;
left: 200px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.js"></script>
<body ng-app="ngAnimate">
<h1>Hide the DIV: <input type="checkbox" ng-model="myCheck"></h1>
<div ng-hide="myCheck"></div>
</body>
</html>
关于javascript - 具有折叠效果的 ngAnimate，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38084334/
27
4
0
我正在努力解决一个问题:我有一个包含 x 数量项目的菜单。 在这个例子中，我有三个项目。 每个项目都有一个内容部分，因此通过单击菜单项，内容应该滑入。 到目前为止，我所取得的成就是，当您从“项目 1”
我试图让离开动画与速度和 Angular 一起工作，以便当表格行离开时它们会向右移动。 在示例中，我使用离开回调来尝试动画离开 ng-repeat，但回调运行但没有任何反应! angular.modu
我正在使用 ngAnimate 模块，但我所有的 ng-if、ng-show 等都受此影响，我想利用 ngAnimate 来实现一些功能选定的元素。对于性能和元素中的一些错误，显示和隐藏速度非常快。
Error: f.element._data is not a function t@http://localhost:3000/lib/angular-animate/angular-animate
我已经使用 ngAnimate 在 ngView 上的应用程序中设置了动画。每次状态发生变化时，下一个 View 都会从右侧滑入。 我希望能够扭转这一情况，以便在某些情况下， View 从左侧滑入(如
我在使用 ngAnimate 和 ui-view 时遇到错误。加载或点击任何导航菜单； angular-animate.js 生成“对象不是函数”错误。 这里是主要的 javacsript 应用程序:
我的 HTML 看起来像这样； {{msg.loading || 'loading'}} {{msg.loadingPerc}}%
我试图将动画引入我的应用程序，但是当我在应用程序中包含 ngAnimate 依赖项时，它不会加载，也不会在控制台中出现任何错误，这使得调试非常困难。 index.html:
我无法使用简单的 Angular 动画。我做了一个简单的 Plunkr 来展示它:https://plnkr.co/edit/bKZev3i1WhNgKhsWOZIQ HTML
我正在为我的元素制作一个内容 slider ，但我对 AngularJS 的经验很少。我找到了 this plunker这非常适合我的需要。可以看我的直播page here .它是俄语，但我希望这不会
在过去的 10 个小时里，我一直在努力让动画发挥作用，只有在我添加 animate.css 样式表并使用“动画类名”时它们才能发挥作用，但是当我想为进入和离开制作自定义动画时，我做不到无论如何它都能工
我有 ngAnimate 依赖注入(inject)问题。我不知道为什么，但每当我将 ngAnimate 作为依赖项包含在我的 js 代码中时，它就不起作用......这不是剧本... 我有这个 htm
我已经在元素中实现了 ngAnimate 以帮助制作动画，但我在某些元素上遇到了非常奇怪的行为。 为了添加一些背景，我们有一个商店，其中包含类别和类别内的产品。我正在执行 ng-repeat: dat
我尝试使用 angular 和 ngAnimate 来获得幻灯片效果。我可以很好地作为 opacity 的淡入/淡出效果。 .show-animation { -webkit-transition
我想在使用 ng-repeat 重复的自定义指令上使用 ngAnimate。如果我在一个简单的 html 列表项上使用 ng-repeat，动画效果很好。但是，只要用自定义指令元素替换列表项，就不会触
我正在尝试使用 ngAnimate 折叠进/出框。我做了类似的事情并且它有效，但我如何摆脱高度属性？可以使用装箱来扩展(其中的文本)，但文本会超出边缘。 .myTest { transition:
我是单元测试以及 ng-animate 模块的新手。我做了一个简单的指令来测试 ng-animate。 .directive('slideShow', function ($animate, $co
我正在尝试使用 ngAnimate 制作一些动画，但我什至无法开始使用它。问题是，当我尝试将 ngAnimate 依赖项添加到应用程序文件时，它会在控制台中向我抛出此错误，并且我的应用程序无法运行。
我在构建 Angular JS 项目时遇到问题。 它说无法实例化模块 ngAnimate，原因是: 我已将所有服务放入 [] 中，但 ngAnimate 无法正常工作。 这是应用程序 无法实例化模块
我已经将脚本链接到我的 html 文件以进行 angularjs、清理和动画处理: 当我将 ngAnimate 作为依赖项添加到我的模块时，就像这样: var nameSpace = angu
我是一名优秀的程序员,十分优秀！