ng-常用指令

简介

        ng指令Angular提供的开箱即用指令，下面这里介绍开发项目中最常用的指令。

        ng-model: 模型指令

        ng-bind:绑定指令

        ng-style:样式指令

        ng-switch:选择指令

        ng-if/ng-show:判断指令

        ng-repeat:循环指令

当然还有很多指令，但是这几个目前是开发中最常用的指令。

详细实例 

    一、ng-model: 模型指令

    1.ng-model取input的值

     

            

            {{text}}

           

     

    2.ng-model单选

    

       

    

    2.ng-model单选互斥

        

           

           

        

    3.ng-model复选操作

        

               

               

               

        

    二、ng-bind:绑定指令

        

           

        

    三、ng-style:样式指令

             

                       

            

    四、ng-switch:选择指令

           

                

                   

java

                   

                

                    {{selectItem}}

               

                       

选择了JAVA

                       

选择了PHP

                       

什么也没选

                

            

    五、ng-if/ng-show:判断指令

       

       

        二者区别ng-if当为false是Dom结构移除而ng-show则是单纯的显示和隐藏

    六、ng-repeat:循环指令

            

                   

                           

• {{x}}

•                     

              

---

以上就是基础指令的基本用法，用心敲代码，加深印象理解。喜欢博主的朋友们关注下点个赞谢谢大家

---

                                                                                        不积跬步无以至千里,不积小流无以成江海