zoukankan      html  css  js  c++  java
  • AngularJS模型

    单向绑定ng-model ;指定可以将输入域的值与angukarjs创建的变量绑定

    使用 ng-model 指令来绑定输入域的值到控制器的属性。
    <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 = "John Doe";
    });
    </script>
     
     

     双向绑定

    <div ng-app="myApp" ng-controller="myCtrl">
    名字: <input ng-model="name">
    <h1>你输入了: {{name}}</h1>
    </div>

    <script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.name = "John Doe";
    });

    </script> 

    修改输入框的值,标题的名字也会相应修改 

    用户验证信息 输入

    <form ng-app="" name="myForm">
        Email:
        <input type="email" name="myAddress" ng-model="text">
        <span ng-show="myForm.myAddress.$error.email">不是一个合法的邮箱地址</span>
    </form>

    <p>在输入框中输入你的游戏地址,如果不是一个合法的邮箱地址,会弹出提示信息。</p>
     提示信息会在 ng-show 属性返回 true 的情况下显示。
     
     
  • 相关阅读:
    Java线程的几种状态
    常用几种Java Web容器
    数据库触发器
    SQL优化及注意事项
    Oracle中rownum和rowid的区别
    数据库及SQL优化
    如何安装使用Impala
    Impala:新一代开源大数据分析引擎
    开源大数据查询分析引擎
    Google Dremel 原理
  • 原文地址:https://www.cnblogs.com/cf924823/p/5228814.html
Copyright © 2011-2022 走看看