• angular js 指令


    Angular 指令

    ng-app 指令

    ng-app 指令定义了 AngularJS 应用程序的 根元素。

    ng-app 指令在网页加载完毕时会自动引导(自动初始化)应用程序。

    稍后您将学习到 ng-app 如何通过一个值(比如 ng-app="myModule")连接到代码模块。

    ng-init 指令

    ng-init 指令为 AngularJS 应用程序定义了 初始值。

    通常情况下,不使用 ng-init。您将使用一个控制器或模块来代替它。

    稍后您将学习更多有关控制器和模块的知识。

    ng-model 指令

    ng-model 指令 绑定 HTML 元素 到应用程序数据。

    ng-model 指令也可以:

    为应用程序数据提供类型验证(numberemailrequired)。

    为应用程序数据提供状态(invaliddirtytouchederror)。

    为 HTML 元素提供 CSS 类。

    绑定 HTML 元素到 HTML 表单。

    ng-repeat 指令

    ng-repeat 指令对于集合中(数组中)的每个项会 克隆一次 HTML 元素

    自定义指令

     

    注意:restrict 

    restrict 值可以是以下几种:

    E 只限元素名使用

    A  只限属性使用

    C  只限类名使用

    M  只限注释使用

    restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。

     

    ng-model 指令

    ng-model 的应用状态

    ng-model 指令可以为应用数据提供状态值(invalid, dirty, touched, error):

    ng-model 指令根据表单域的状态添加/移除以下类:

    ng-empty

    ng-not-empty

    ng-touched

    ng-untouched

    ng-valid

    ng-invalid

    ng-dirty

    ng-pending

    ng-pristine

    ng-model 双向绑定

     

  • 相关阅读:
    将"089,0760,009"变为 89,760,9
    单向循环链表
    双链表复习
    【C语言】scanf()输入浮点型数据
    【C语言】一元二次方程(求实根和虚根)
    输入一个三位正整数,输出百位数,十位数,个位数
    输入身份证号,输出出生日期
    比较四个数的大小
    比较三个数的大小
    比较两个数的大小
  • 原文地址:https://www.cnblogs.com/zeopean/p/angular.html
Copyright © 2020-2023  润新知