angularjs1.x.x基础案例

说明：本案例将教会你怎么注册module，以及绑定controller，注册component，注册factory，service以及provider.

1. 创建一个模块以及注册控制器

    
    


    

        msg:{{ctrl.msg}}                
    
                                                                          
    

说明：这里用到了module以及controller。

2. 注册组件并传参到组件

    
    


    

        msg:{{ctrl.msg}}                
                
    
                                                                          
    

说明：这里用到了component组件注册并调用。

3. 工厂服务创建并使用

    
    


    

        msg:{{ctrl.msg}}    
        
       
                
    
                                                                              
    

4. service服务创建并使用

    
    


    

        msg:{{ctrl.msg}}    
    
    

        msg:{{ctrl.msg}}    
    
  
    
 

可以看出，在myController1中改变了text的值，在myController2已经体现出来了。

5.provider的注册并使用

    
    


    

        msg:{{ctrl.msg}}    
    
    

        msg:{{ctrl.msg}}    
    
      
           
 
 

5.directive的使用

    
    

   
    

        
{{msg}}
         
    
                                                           
           
     
                                    

说明：上面代码实现的是动态生成html并且编译html为正常的元素以及绑定事件。