专栏首页陶士涵的菜地[angularjs] angularjs系列笔记(三)模型

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • [angularjs] angularjs系列笔记(七)HTML DOM

    陶士涵
  • [angularjs] angularjs系列笔记(一)简介

    Andularjs 可以构建一个单一页面的应用程序(SPAS SinglePageApplications)

    陶士涵
  • [TCP/IP] 网络层-ARP协议

    MAC地址:物理地址,网卡厂家要确保MAC地址全球唯一,48位2进制,显示是12位16进制

    陶士涵
  • Angularjs基础(十一)

    ng-csp       描述:修改内容的安全策略       实例: 修改AngularJS 中关于"eval"的行为方式及内联样式;         ...

    用户1197315
  • angularjs中常用的ng指令介绍【转载】

    原文:http://www.cnblogs.com/lvdabao/p/3379659.html

    用户3055976
  • 走进AngularJs(二) ng模板中常用指令的使用方式

      通过使用模板,我们可以把model和controller中的数据组装起来呈现给浏览器,还可以通过数据绑定,实时更新视图,让我们的页面变成动态的。ng的模板真...

    用户3055976
  • Angularjs单选框相关

    原因:因为在ng-repeat中,scope的作用域不是全局的,相当于局部变量,无法在全局访问到其中变量。所以要使用parent来使其成为全局变量,可全局访问。

    治电小白菜
  • Angular CLI 使用教程指南参考

    Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本.

    庞小明
  • Angularjs基础(十)

    ng-blur  描述:规定blur 事件的行为       实例:当输入框失去焦点的(onblur)时执行表达式:         <input ng...

    用户1197315
  • ng-alain安装遇到的一些坑

    一个淡定的打工菜鸟

扫码关注云+社区

领取腾讯云代金券