zoukankan      html  css  js  c++  java
  • 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 双向绑定

     

  • 相关阅读:
    hdu 1116 Play on Words
    hdu 1856 More is better
    跟随鼠标跑
    asp.net实现数据流文件下载
    在ASP.NET程序中集成更好的下载体验
    request.ContentType的可取值
    multipart formdata boundary 说明
    ASP.NET中实现多文件上传(普通)
    读取XML文件中的某个节点的某个属性
    获取请求的Headers部分
  • 原文地址:https://www.cnblogs.com/zeopean/p/angular.html
Copyright © 2011-2022 走看看