1. 路由(ui-router)

1.1. 环境

1) angular.min.js

2) angular-ui-router-0.2.10.js

3) 确保确保包含ui.router为模块依赖关系.

4) var app=angular.module("app",['ui.router']);

1.1. 视图激活方式

1) $state.Go()：优先级较高的便利方式

2) ui-sref：点击包含此指令跳转

3) url：url导航

1.2. 多视图

Views：

使用views属性设置多个视图。如果在单一状态下不需要多个视图，则不需要此属性。提示：请记住，通常嵌套视图比多个兄弟视图更有用和更强大。

代码：准备四个页面  主页面和三个子页面

主页面

    
    
    
    
    
	
     
    
      
    
       
        
        柳絮飞祭奠    
       
    
       
        
        
            
         
onepage
            
         
twopage
        
        
    
       
    
      
     
    
    
    
    
	

三个子页面index1.html,index2.html,index3.html分别为

<h1>我是视图一</h1>

<h1>我是视图二</h1>

<h1>我是视图三</h1>

效果为

1.3.嵌套视图

依旧四个页面一个主页面一个子页面两个嵌套页面

主页面

    
    
    
    
    
	
     
    
      
    
       
        
        柳絮飞祭奠    
       
    
      
     
    
    
	

子页面

    
	
     
    
      
    
       
        
        柳絮飞祭奠    
       
    
       
        
        
            
         
onepage
            
         
twopage
        
        
    
       
    
      
     
    
    

嵌套页面

<h1>我是视图一</h1>

<h1>我是视图三</h1>

效果：