当前位置: 首页 > 面试题库 >

AngularJS-动画ng-view过渡

楚羽
2023-03-14
问题内容

我有2个html页面,welcome.html以及login.html这两者都是“插入”到index.html通过在URL
dependending ngview 属性和路由器供应商,作为我的AngularJS应用程序的一部分。

可以在AngularJS主页 的“连接后端” 下找到一个示例。

我的问题 :有没有办法动画化welcome.html和之间的过渡login.html


问题答案:

Angularjs 1.1.4现在引入了该ng-animatehtml" target="_blank">指令以帮助动画化不同的元素,尤其是ng-
view。

您也可以观看有关此新功能的视频

*自从angularjs 1.2开始 *更新
,动画的工作方式已经发生了巨大变化,现在大多数动画由CSS控制,而无需设置JavaScript回调等。您可以在Year Of
Moo上查看更新的教程。@dfsq在评论中指出了一组很好的示例。



 类似资料:
  • 问题内容: 我已经创建了jsfiddle http://jsfiddle.net/99vtukjk/ 在单击左或右文本时,当前用于隐藏的动画是向上的,我们如何才能将其更改为向左滑动动画,例如向左菜单栏滑动并淡入淡出? CSS: 角度模块 问题答案: 您可以设置在 和上 这是一个工作的小提琴 可以帮助您制作精美动画的一件事是使用 Animate.css animate.css是一堆很棒,有趣且跨浏览

  • 主要内容:什么是动画?,ngAnimate 做了什么?,使用 CSS 动画,CSS 过渡,CSS 动画AngularJS 提供了动画效果,可以配合 CSS 使用。 AngularJS 使用动画需要引入 angular-animate.min.js 库。 还需在应用中使用模型 ngAnimate: 什么是动画? 动画是通过改变 HTML 元素产生的动态变化效果。 实例 勾选复选框隐藏 DIV: < body ng-app= "ngAnimate" > 隐藏 DIV: < input type= "

  • 问题内容: 我有一个带有ng-view(管理面板)的设置,可让我显示订单。我在ng- view之外有一个搜索框,可以用来修改json请求。我看到过一些访问标题等内容的帖子,但无法使它们正常工作-可能已过时。 主要应用程式内容: 管理控制器: 视图: 问题答案: 如果您要访问以外的内容,我认为更好的方法是也为外部区域创建一个控制器。然后创建服务以在控制器之间共享数据: (也可以放置在标签上-则ng-

  • 问题内容: 我对所有页面都有一个通用模板,其中包含一个菜单栏,它位于.bar的外面。我位于其中一个页面的内部,我想将输入数据绑定到此模板区域(该区域位于与输入页面不同的控制器下) )。我的意思是当我输入名称时,该名称将出现在模板区域。可以吗?这是the **** 问题答案: 通过遵循始终具有“’ ”的“最佳实践”,可以很容易地避免使用基元出现此问题。在您的ng模型中 -观看3分钟值得。Misko演

  • 问题内容: 我有一些特定于视图的脚本。但是,当angularjs加载视图时,该脚本似乎没有执行。 Index.html Main.html- 在ng-view下加载 在此示例中,当页面加载时,我看到网站上印有一个基本的hello世界。但是,我没有弹出任何消息说“你好,约翰”。 知道为什么我无法加载特定于某个视图的脚本吗? 额外信息 app.js 控制器/main.js 问题答案: 这就是 jqLi

  • 问题内容: 在我的应用程序中的多条路线之间导航时,我在angularJS中遇到document.ready问题。它仅在使用ctrl + f5(页面重新加载)时有效;似乎在页面之间导航不会将文档的状态更改为就绪。 控制者 主HTML文件 应用程式档案 问题答案: 您可以在路由定义你的控制器即听和对事件。每次重新加载ngView内容时都会发出,并且应提供与angularjs中路由时类似的功能: 该也触