[angularjs] angularjs系列笔记(三)模型详解编程语言

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">不是一个邮箱 
      </form> 
    </div>

 

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/12715.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论