[angularjs] angularjs系列笔记模型

Posted 2020-06-26 陶士涵的菜地

ng-model指令

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

 

双向绑定

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

 

    <div ng-app="Home">
      姓名：<input type="text" ng-model="name"/>
      <p>{{name}}</p>
    </div>

 

验证用户输入

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

    <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>