AngularJS基础——样式指令、DOM操作指令及其它重要指令

AngularJS的样式指令：

• ng-class
• ng-style
• ng-href
• ng-src
• ng-attr-(suffix)

AngularJS的DOM操作指令：

• ng-if
• ng-show / ng-hide
• ng-switch
• ng-open

    
    
    



    

        
{{info}}
        
{{info}}
        
{{info}}
        
{{info}}
        百度

        

        
        
显示
        
显示/隐藏
        

            
默认效果
            
false切换效果
            
true切换效果
        

        

        

            
Copyright 2011.
            
All pages and graphics on this web site are the property of W3School.
        
    

AngularJS的其它重要指令

• ng-bind:显示数据类似于 {{}}
• ng-bind-template: 解决ng-bind中只能解决绑定一个的问题
• ng-bind-html:解析html代码
• ng-include:加载外部页面

    
    




    

        
            (blank)
        
        url of the template: {{template.url}}
        

        

            

        


        

        


        
        
        
    

• ng-init
• ng-mode-options

    
    




    

        

            

                list[ {{outerIndex}} ][ {{innerIndex}} ] = {{value}};
            
        
    

    

        

            Name:
            


            Other data:
            

        
        
user.name = 
    

更多细节可查看API文档：http://docs.angularjs.cn/api