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 的情况下显示。
     
     
  • 相关阅读:
    join命令
    参与者模式
    字符串中的第一个唯一字符
    Git与SVN对比
    惰性模式
    .NET Conf 2020
    使用Github部署Azure应用服务
    Azure Terraform(一)入门简介
    打日志还能打出个线上Bug_ 太难了。。。
    让API并行调用变得如丝般顺滑的绝招
  • 原文地址:https://www.cnblogs.com/cf924823/p/5228814.html
Copyright © 2011-2022 走看看