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

Angularjs基础(十二)

发布时间:2020-12-17 10:40:01 所属栏目:安全 来源:网络整理
导读:ng-model-options 描述:规定如何更新模型 实例: 在失去焦点时绑定输入框的值scope 变量中。 定义和用法: ng-model-options 指令绑定到了HTML 表单元素到scope变量中。 语法: ng-mousedown 描述:规定按下鼠标按键时的行为。 实例:在鼠标按下时执行表达式

ng-model-options       描述:规定如何更新模型
            实例: 在失去焦点时绑定输入框的值scope 变量中。
                

                                   

                
            定义和用法: ng-model-options 指令绑定到了HTML 表单元素到scope变量中。
            语法:

ng-mousedown         描述:规定按下鼠标按键时的行为。
            实例:在鼠标按下时执行表达式;
                


                

{{count}}


            定义和用法:ng-mousedown 指令用于告诉AngularJS鼠标在制定的HTML 元素上按下时执行的操作。、
                  鼠标点击执行的顺序,1.Mousedown 2.Mouseup 3.Click
            语法:
            参数值: 值: expression 描述:鼠标点击时执行的表达式。

ng-mouseenter          描述:规定鼠标指针穿过元素时的行为。
            实例:在鼠标执行穿过元素时执行表达式
                


                

{{count}}


            定义和用法:ng-mouseenter 指令告诉AngularJS 鼠标在HTML元素穿过时要执行的操作。
            语法:
            参数值: 值expression 描述:鼠标穿过元素是执行的表达式。

ng-mouseleave           描述:规定鼠标指针离开元素是的行为。
            实例:在鼠标指针离开是执行表达式。
              div ng-mouseleave="count = ccount + 1" ng-init="count=0">鼠标从我这离开。


              

{{count}}


            定义和用法: ng-mouseleave 指令用于告诉AngularJS 鼠标从HTML 元素上移开是要执行的操作。
            语法:
            参数值: 值:expression 描述: 鼠标在元素上移开时执行的表达式。

ng-mousemove           描述:规定鼠标指针在指定的元素中移动时的行为。
            实例:在鼠标指针在元素上移动时执行表达式。
                


                

{{count}}


            定义和用法
                ng-mousemove 指令用于告诉AngularJS 鼠标在HTML 元素上移动时要执行的操作。
            语法:
            参数值: 值:expression 描述: 鼠标在元素上移动时值移动时执行 的表达式。

ng-mouSEOver             描述:规定鼠标指针位于元素上方的行为。
            实例:在鼠标指针移动到元素上时执行表达式。
                


                

{{count}}


            定义和用法:ng-mouSEOver 指令告诉AngularJS鼠标移动到指定的HTML 元素上时执行的操作。
            语法:
            参数值: 值: expression 描述: 鼠标移动到元素上时执行的表达式。

ng-mouseup               描述:规定当在元素上松开鼠标按钮时的行为
            实例:松开鼠标按钮时执行的表达式:
              


              

{{count}}


            定义和用法: ng-mouseup 指令告诉AngularJS鼠标在指定的HTML元素上松开鼠标按钮(点击完成)时执行的操作。
            语法:
            参数值: 值:expression 描述:鼠标点击完成松开按键时执行的表达式

ng-non-bindable     描述:规定元素或子元素不能绑定数据。
            实例:以下段落不需要使用AngularJS
                

                  

这个代码不需要使用AngularJS:{{5+5}}


                

            定义和用法:ng-non-bindable 指令用于告诉 AngularJS 当前的 HTML 元素或其子元素不需要编译。
            语法:
            没有参数值:

ng-open         描述:指定元素的open 属性。
        实例:通过点击checkbox 显示或隐藏

列表
                                            123
              

        定义和用法: ng-open 指令用于设置details 列表的open属性。如果ng-open的表达式返回true则datails 列表是可见的。
        语法:
        参数值: 值:expression 描述:如果表达式为true则会设置details的open属性。

ng-options         描述:在
            


            
          定义和用法:
              ng-options 指令用于使用填充
          参数值: 值: array expression 描述:数组中为select元素填充选项的表达式。

ng-paste         描述:规定粘贴事件的行为。
        实例:文本被粘贴时执行表达式
                     定义和用法: ng-paste 指令用于告诉AngularJS 文本在HTML 元素上粘贴时需要执行的操作。
              ng-paste指令不会覆盖元素的原生onpaste事件,事件被触发时,ng-paste表达式与原生的opaste 事件都会执行。
        语法:
        参数值:值 expression 描述:文本粘贴到元素上执行的表达式。

ng-pluralize

ng-readonly        描述:指定元素的readonly 属性。
        实例:设置输入框为只读。
                              定义和用法:ng-readonly 指令用于设置表单域(input 或 textarea)的readonly 属性。
              如果ng-readonly 属性的表达式返回true 则表单域为只读。
        语法:
        参数值: 值:expression 描述: 表达式返回true 则表单域为只读。

ng-repeat         描述:定义集合中每项数据的模板
        实例:循环输出多个标题:
                       


          
        定义和用法
              ng-repeat指令用于循环输出指定次数的HTML元素。集合必须是数组或对象。
        语法:
        参数值:值 expression 描述 表达式定义了如何循环集合,

ng-selected       描述:指定元素的selected 属性
        实例:获取选中的选项:
                       

123


          
        定义和用法:
            ng-selected 指令用于设置             
            

Welcome


            

Welcome to my home


            

        定义和用法:
              ng-show 指令在表达式为true 时显示指定的HTML元素,否则隐藏指定的HTML。
              参数值; 值:expression 描述:如果表达式为true则显示指定的HTML元素。

ng-srcset       描述:指定元素的srcset 属性。
        实例:定义图片的资源地址。
          

            

Angular


                       

        定义和用法: ng-srcset 指令覆盖了 元素的 srcset 属性。
          语法:
        参数值: 值: string 描述: 表达式返回的字符串。

ng-style       描述:指定元素的style 属性。
      实例:使用AngularJs 添加样式,使用css key=>value 对象格式:
                   


        
      定义和用法:ng-style 指令为HTML元素添加style 属性。ng-style 属性值必须是对象,表达式返回的也是对象。
      语法:
      参数值: 值string 描述:表达式返回由css属性和值组成的对象。

ng-submit           描述:规定onsubmit 事件发生是执行的表达式。
         实例:表单提交后执行函数:
                           

                                                

              

{{myText}}


            
        定义和用法: ng-submit 指令用于在表单提交后执行指定函数。
        语法:

        参数值: 值: expression 描述: 表单提交后函数被调用,或者一个表达式将被执行,表达式返回函数调用。

ng-switch           描述:规定显示或隐藏子元素的条件。
          实例:根据选中的值显示对应部分:
          

            
                

1


                

234


            

            
                

2


                

345


            

            
                

3


                

456


            

            

              

4


              

567


            

          

        定义和用法: ng-switch 指令根据表达式显示或隐藏对应的部分。
        语法:             
            
            
            
           

        参数值: 值: expression 描述: 表达式会让匹配项显示,不匹配项移除。

ng-transclude

ng-value         描述:规定input元素的值。
        实例:设置输入框的值:
          

                       

          
      定义和用法: ng-value 指令英语设置input 或select元素的value属性。
      语法:
      参数值: 值:expression 描述: 表达式用于设置value 属性的值。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读