zoukankan      html  css  js  c++  java
  • angularjs常用指令

    1、ng-app=" " 定义angularJS的使用范围;

    2、ng-init="变量=值;变量='值'" 初始化变量的值,有多个变量时,中间用分号隔开;

    3、ng-model="变量" 定义变量名;

    4、ng-bind="变量" 绑定变量名,获取该变量的数据。这里的变量就是第3条的变量名。但是一般都用双重花括号来获取变量的值,比如:{{变量}}。

    AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。

    AngularJS 通过 ng-directives 扩展了 HTML。

    ng-app 指令定义一个 AngularJS 应用程序。

    ng-model 指令把元素值(比如输入域的值)绑定到应用程序。

    ng-bind 指令把应用程序数据绑定到 HTML 视图。
    例如:
    <div ng-app="">
    <p>名字 : <input type="text" ng-model="name"></p>
    <h1>Hello {{name}}</h1>
    </div>

    ng-repeat 指令会重复一个 HTML 元素;

    创建自定义的指令:
    <body ng-app="myApp">

    <runoob-directive></runoob-directive>

    <script>
    var app = angular.module("myApp", []);
    app.directive("runoobDirective", function() {
    return {
    template : "<h1>自定义指令!</h1>"
    };
    });
    </script>

    </body>

    restrict 值可以是以下几种:

    E 作为元素名使用
    A 作为属性使用
    C 作为类名使用
    M 作为注释使用

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

    提示信息会在 ng-show 属性
    <form ng-app="" name="myForm">
    Email:
    <input type="email" name="myAddress" ng-model="text">
    <span ng-show="myForm.myAddress.$error.email">不是一个合法的邮箱地址</span>
    </form>
    以上实例中,提示信息会在 ng-show 属性返回 true 的情况下显示。

  • 相关阅读:
    PP篇10 修改工单组件行
    取未清PO逻辑
    PP篇7 生产替代料齐套后处理
    PP篇9 更改计划订单
    DEBUG技巧里的问题1 双击某个变量不能显示
    HoloLens开发手记
    开始开发HoloLens应用吧 Start Developing HoloLens Apps Today
    HoloLens开发手记
    HoloLens开发手记
    HoloLens开发手记
  • 原文地址:https://www.cnblogs.com/kellyPan/p/7821858.html
Copyright © 2011-2022 走看看