AngularJs之内置指令篇

为了方便开发人员对于常见功能的处理，AngularJs提供了内置的指令来实现功能，也可以自定义指令，内置的指令都是ng-开头的，常见的有控制指令如np-app等、渲染指令如ng-repeat等、节点指令如ng-class等等、事件处理指令如ng-click等等。指令：就是扩展了HTML的基本功能，通过额外的标签、属性来增强HTML功能，Angular的指令在页面中体现出来就是一个标签\属性\class名称\注释。
一。控制指令
 ng-app
            用于定义Angular应用入口的指令，用于[自动引导]Angular程序的运行
            在定义应用程序运行入口的同时，可以绑定一个DOM元素
            DOM元素的开始标签和结束标签之间~就可以认为是模块的作用范围
 ng-controller
            模块中，可以给模块挂载一个或者多个控制器
            挂载好的控制器在当前模块范围内，可以通过ng-controller指令来指定控制器的作用范围
            局部控制器：控制器的作用范围仅限于当前模块
            全局控制器：可以在网页中任意地方通过ng-controller进行注册，全局控制器造成了全局数据污染，Angular1.2版本以后废弃了全局控制器，提倡使用挂载在模块下的局部控制器

    
    
 
    




    

        

            
局部控制器范围：
        
        

            
局部控制器范围：
        
    
    

        

            
局部控制器App2范围：
        
        

            
局部控制器范围：
        
    
    

二。渲染指令：
            指令的作用就是将数据，渲染展示到页面上【底层是封装了DOM操作】
            ng-repeat 循环渲染指令循环渲染指令，属性直接写在要循环的标签上
            ng-bind 变量渲染指令，mustache语法的替代写法
            ng-bind-html 这个指令，类似于原生JS的innerHTML，但是使用的时候一定要慎重，对于它修饰的内容，必须确保安全性，如果内容的来源不确定，不要使用编译html标签的属性或者函数
            ng-include 包含页面指令，类似于JQuery 中的load()函数，用于加载其他页面，Angular应用，对于属性值，会被解析成变量

    
    
    

    




    

        
        

            

                管理员用户登录
            
            

                会员登录
            
            

                游客登录
            
        
    

    

        显示？{{flagy}}
        
沅有芷兮澧有兰
        
思公子兮未敢言
    

    

        用户登录{{flagx}}
        

            沅有芷兮澧有兰，思公子兮未敢言
        
    
    


    

        

            关关雎鸠，在河之洲
        
        使用default样式修饰{{def}}

        使用sky样式修饰{{s}}

    
    


        

            窈窕淑女，君子好逑
        
    
    

        

            

                

                    
                
            
        

        

            点击
            

                ng-style应用
            

        
        
ng-src:用于在Angular应用中替代img标签的src属性
        
ng-href:用于在Angular应用中替代a标签的href属性

    
    

五。事件指令
  事件指令：Angular封装的用于操作事件的指令
  通常是ng-[event]来命名指令，如ng-click表示单击事件

    
    
    


    

        点击执行
        点击执行，附带事件对象$event
        点击执行，多个参数