zoukankan      html  css  js  c++  java
  • angularJS(3)

    angularJS(3)

    一.angularJs的指令模型ng-model指令

    ng-model 指令 绑定 HTML 元素 到应用程序数据。 
    为应用程序数据提供类型验证(number、email、required)。
    为应用程序数据提供状态。
    为 HTML 元素提供 CSS 类。
    绑定 HTML 元素到 HTML 表单。

    复制代码
    复制代码
    复制代码
    <div ng-app="myapp" ng-controller="mycc">
        名字: <input ng-model="name">
    </div>
    <script>
    var app = angular.module('myapp', []);
    app.controller('mycc', function($scope) {
        $scope.name = “宋小宝";
    });
    </script>
    复制代码
    复制代码
    复制代码

    二.angularJs的指令模型ng-model指令:双向绑定

    在修改输入域的值时, AngularJS 属性的值也将修改:

    复制代码
    复制代码
    复制代码
    <div ng-app="myapp" ng-controller="mycc">
        名字: <input ng-model="name">
        <h1>你输入的名称是:{{name}}</h1>
    </div>
    
    <script>
    var app = angular.module('myapp', []);
    app.controller('mycc', function($scope) {
        $scope.name = “宋小宝";
    });
    </script>
    复制代码
    复制代码
    复制代码

    三.angularJs的应用

    复制代码
    复制代码
    复制代码
    <div ng-app="myapp" ng-controller="myctrl">
        姓:<input type="text" ng-model="xing"><br>
            名:<input type="text" ng-model="ming">
            <h1>你的姓名是:{{xing+""+ming}}</h1>
    </div>
    <script>
        var app=angular.module("myapp",[]);
        app.controller("myctrl",function($scope){
             $scope.xing="宋";
             $scope.ming="小宝";
        })
    </script>
    复制代码
    复制代码
    复制代码

    实例说明:
    模块(m):var app = angular.module('myApp', []); 
    控制器(c):app.controller("myctrl",function($scope){   })
    视图(v):就是html区域

    四.angularJs模型

    ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。 
    ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定

    复制代码
    复制代码
    复制代码
    <div ng-app="myApp" ng-controller="myCtrl">
        名字: <input ng-model="name">
    </div>
    <script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.name = “花果山美猴王";
    });
    </script>
    复制代码
    复制代码
    复制代码
  • 相关阅读:
    关于异步IO与同步IO的写操作区别
    慢慢开始记录一些技术心得吧
    写了placement new就要写placement delete
    关于针对class自定义new操作符失败的函数处理
    operator->和operator->*
    关于继承中的拷贝构造函数
    关于g++编译模板类的问题
    关于互斥锁,条件变量的内核源码解析
    关于sigwait
    观察者设计模式
  • 原文地址:https://www.cnblogs.com/WANGJUN5945/p/6254436.html
Copyright © 2011-2022 走看看