ionic页面切换不同布局(ng-class改变css样式)

ionic开发中, 通过点击某个按钮切换不同的布局的情况经常遇到, 下面就简单介绍一下如何实现这一功能;
一.ng-switch切换布局(这个属于控件的特性, 就不多介绍, 直接上代码)

  
  www.runoob.com
  www.google.com
  www.taobao.com


  
  
    
    
菜鸟教程
    
    
欢迎访问菜鸟教程
  
  
  
  
    
    
Google
    
    
欢迎访问Google
  
  
  
  
    
    
淘宝
    
    
欢迎访问淘宝
  
  
  
  
    
    
切换
    
    
选择不同选项显示对应的值。
  
  


ng-switch 指令根据当前的值显示或隐藏对应部分

二. 通过ng-class改变css样式
一般用法:
js:

一般用法:
function changeClass(){
  $scope.className = true/false;
}

h5:

参考:
ng-class改变css样式