[angularjs] angularjs系列笔记(三)模型

2019-09-10 11:16:40 浏览数 (1)

ng-model指令

ng-model可以将输入域的值与AngularJs的变量绑定

双向绑定

当修改输入域的值时候,AngularJs属性的值也将修改

代码语言:javascript复制
    <div ng-app="Home">
      姓名:<input type="text" ng-model="name"/>
      <p>{{name}}</p>
    </div>

验证用户输入

以下提示信息将在ng-show属性返回true的情况下显示

代码语言:javascript复制
    <div ng-app="Home">
      <form name="myForm">
      邮箱:<input type="email" name="myEmail" ng-model="text"/>
      <span ng-show="myForm.myEmail.$error.email">不是一个邮箱</span>
      </form>
    </div>

0 人点赞