加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Angularjs基础(十)

发布时间:2020-12-17 10:40:04 所属栏目:安全 来源:网络整理
导读:ng-blur 描述:规定blur 事件的行为 实例:当输入框失去焦点的(onblur)时执行表达式: {{count}} 定义和用法 ng-blur 指令用于告诉AngularJS HTML 元素在失去焦点时须执行的表达式。 语法: 参数值:值:expression 描述:失去焦点时执行的表达式。 ng-chang

                                                      定义和用法
          ng-class-even 指令用于为HTML 元素动态的绑定一个或多个CSS 类,但只能为偶数行。
          ng-class-even 指令需要 与ng-repeat 指令搭配使用。
          ng-class-even 指令建议使用 在表格的样式渲染中,但是所有HTML 元素都是支持的。
          语法
          参数值:值:expression 描述: 达到指定一个或多个css 类。

ng-class-odd       类似ng-class,但只在奇数行起作用。
        实例:为表格的偶数行设置 class="striped";
          

ng-blur       描述:规定blur 事件的行为
      实例:当输入框失去焦点的(onblur)时执行表达式:
                 

{{count}}


      定义和用法
          ng-blur 指令用于告诉AngularJS HTML 元素在失去焦点时须执行的表达式。
          语法:
          参数值:值:expression 描述:失去焦点时执行的表达式。

ng-change     描述:规定在内容改变时执行的表达式。
      实例:当输入框 的值改变时执行函数。
                   

                         

The input field has changed {{count}} times.


          

        
        
    定义和用法
        ng-change 指令用于告诉AngularJS 在HTML元素值改变时需要执行的操作。
        ng-change 指令需要搭配ng-model 指令使用。
        AngularJS ng-change 指令指令不会覆盖原生的 onchange 事件,如果触发该事件,ng-change 表达式与原生的 onchange 事件都会执行。
        ng-change 事件在值的每次改变时触发,它不需要等等一个完成的修改过程或等待失去焦点的动作
        ng-change 事件只针对输入框值的真实修改,而不是通过JavaScript 来修改。
        语法:
        参数值: 值:expression 描述:元素值改变时执行表达式。

ng-checked     规定元素是否被选中
        实例:选择一个或选择所有选项:
                       

My:


                                                             
        定义和用法
            ng-checked 指令用于设置复选框(checkbox)或单选按钮(radio)的checked 的属性。
            如果ng-checked 属性返回true,复选框(checkbox) 或单选按钮(radio)将会被选中。
        语法:
                         参数值: 值:expression 描述; 如果返回true ,将会选中元素选项。

ng-class       描述:指定HTML 元素使用的CSS 类。
        实例:修改

元素的类:
            
            
              

Welcome Home !


              

I like it !


            

        定义和用法
            ng-class 指令用于给HTML 元素动态绑定一个或多个CSS 类。
            ng-class 指令的值可以是字符串,对象,或一个数组。
            如果是字符串,多个类名使用空格分隔。
            如果是对象,需要使用 key-value 对,key 是一个布尔值,value 为你想要添加的类名。只有在 key 为 true 时类才会被添加。
            如果是数组,可以由字符串或对象组合组成,数组的元素可以是字符串或对象。
            语法: ng-class="expression"
            参数值: 值:expression 描述: 表达式返回一个或多个类名。

ng-class-even       描述:类似ng-class,但只在偶数行起作用。
        实例:为表格的偶数行设置 class="striped":
                       

            
                                                      定义和用法
        ng-class-odd 指令用于为HTML 元素动态的绑定一个或多个CSS 类,但只能为奇数行。
        ng-class-odd 指令需要 与ng-repeat 指令搭配使用。
        ng-class-odd 指令建议使用 在表格的样式渲染中,但是所有HTML 元素都是支持的。
        语法:
        参数值: 值: expression 描述: 表达式指定一个或多个CSS 类。

ng-click       定义元素被点击时的行为
       实例:按钮没次点击时,计数变量count自动加1;
          

    推荐文章
      热点阅读