第一天对angular.js进行学习,肯定是面对的入门的最简单的实例;

实现下面的这个效果,首先需要在html页面引入angular.js,在下面的div中,ng-app则表示在当前div是一个angular.js的应用程序;ng-model指令则实现把对应的值

绑定到当前的应用程序;ng-bind 指令把应用程序数据绑定到 HTML 视图。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
引入angular.js
<body>
<div ng-app="">
<p>姓名:<input type="text" ng-model="name"></p>
<h1>hello {{name}}</h1>
</div>
</body>
</html>

最新文章

  1. Third Day:正式编程第三天,学习实践内容TextView跑马灯、AutoCompleteTextView、multiAutoCompleteTextView以及ToggleButton、checkedBox、RadioButton等相关实践
  2. devtmpfs文件系统创建设备节点
  3. 深入理解KMP算法之续篇
  4. Aspose&#160;强大的服务器端 excel word ppt pdf 处理工具
  5. POJ 2773 Happy 2006【GCD/欧拉函数】
  6. 使用log4net连接Mysql数据库配置
  7. zw版【转发&#183;台湾nvp系列例程】HALCON ShapeTrans(Delphi)
  8. mysql数据库回滚
  9. java生成随机大数据文件
  10. angular directive指令的复用
  11. 查看Linux系统相关版本信息
  12. python中的可变与不可变对象
  13. C:函数:功能:实现字符数组中所有字母的倒序存放并输出
  14. python 内置函数range和xrange
  15. JAVA进阶20
  16. zzw原创_mysql脚本打印出提示信息
  17. 声明式调用---Feign
  18. ORACLE SQL Developer日期显示格式不全
  19. 防止网站被镜像,被iframe
  20. Extjs 项目中常用的小技巧,也许你用得着(4)---Extjs 中的cookie设置

热门文章

  1. 【翻译】Ext JS 5的平板支持
  2. 基于web的jfreechart的使用
  3. AngularJS进阶(二十六)实现分页操作
  4. 服务端技术进阶(六)Ant和Maven的作用是什么?两者之间功能、特点有哪些区别?
  5. android ListView加载不同布局
  6. 【翻译】提示18——如何决定ObjectContext的生命周期
  7. 谈谈java中的线程(初级概念)
  8. 未能加载文件或程序集“file:///C:\Program Files (x86)\SAP BusinessObjects\Crystal Reports for .NET Framework 4.0
  9. 【46】java对象的三个特征(oop)
  10. Android实训案例(二)——Android下的CMD命令之关机重启以及重启recovery