Fatal编程技术网
  • css/
  • Css 在使用AngularJS加载HTML元素后，如何向其添加类？

Css 在使用AngularJS加载HTML元素后，如何向其添加类？

css view angularjs

Css 在使用AngularJS加载HTML元素后，如何向其添加类？,css,view,angularjs,Css,View,Angularjs,我在一个单页设计组合网站上工作，应该有以下页面流 注意：所有divs都有转换：.3s应用于它们 访问者单击nav链接（将加载新视图） 新视图将加载到主容器div 注意：它将有一个右边空白：-100%应用于它，以便它将页面加载到右侧 先前存在的视图左边距为：-100%应用于它，因此 它完全从页面视图中滑出 同时，新视图获得右边距：0以便 从右侧滑入页面视图 如何在AngularJS中对上述过程进行编程？您有很多选择 您可以创建自定义指令。通常，当您与DOM交互时，您是在指令的链接函数中进行交互的。

我在一个单页设计组合网站上工作，应该有以下页面流

注意：所有
div
s都有
转换：.3s应用于它们


  • 访问者单击
    nav
    链接（将加载新视图）
    • 

  • 新视图将加载到主容器
    div
    
注意：它将有一个
    右边空白：-100%应用于它，以便它将页面加载到右侧
    • 

  • 先前存在的视图左边距为：-100%应用于它，因此
它完全从页面视图中滑出
    
同时，新视图获得
    右边距：0以便
从右侧滑入页面视图
    • 

    如何在AngularJS中对上述过程进行编程？
    您有很多选择
    

  • 您可以创建自定义指令。通常，当您与DOM交互时，您是在指令的链接函数中进行交互的。看

  • 您可以使用像AngularUI这样的库，它支持一些基本动画（）

  • 您可以使用Angular 1.1.x（不稳定）版本，该版本包括对动画的支持，并且有一些示例可以实现您想要的功能（签出服务）
    • 

  • 您可以查看源代码（或仅使用）这个角度模块：它可以实现类似于您想要实现的滑动过渡
    • 

    我个人认为#1是最好的，因为它将帮助你学习指令。如果这是一个个人网站，那么#3可能是最好的选择，因为$animate服务正是您想要的，您可以使用不稳定的分支进行操作。
    我想学习指令，所以我将使用#1。谢谢你，乔纳森。