<div ng-app="" ng-init="names=[
{name:'Jani',country:'Norway'},
{name:'Hege',country:'Sweden'},
{name:'Kai',country:'Denmark'}]">

<!--ng-app表明这里用angularjs,ng-init可以加一些初始数据进去-->

<p>姓名:<input type="text" ng-model="name" /></p>    <!--ng-model作用相当于定义一个变量, 把var name=这个input里的value-->

<p>你输入的为:<span ng-bind="name"></span>  <!--ng-bind相当于把上面定义的变量name绑定到 span的innerHTML-->

<p>循环对象:</p>
<ul>
<li ng-repeat="x in names">            <!--ng-repeat相当于复制标签的作用,但里面值可以直接循环-->
{{ x.name + ', ' + x.country }}</li>   <!--在html中可以直接插入类似javascript的angularjs表达式,插入方法是{{ }}-->
</ul>

</div>

最新文章

  1. 【用xocde5打包 在IOS7以下也能显示无默认gloss 效果 图解】
  2. Codeforces 721E Road to Home
  3. Python自动化 【第十五篇】:CSS、JavaScript 和 Dom介绍
  4. oracle函数--trunc
  5. javax.net.ssl.SSLException: Unrecognized SSL message, plaintext connection
  6. html行内元素和块元素标签分组
  7. DBMS_RLS包实现数据库表中的行级安全控制
  8. sql server windows账号不能登陆指定的数据库
  9. IOS9中联系人对象的使用及增删改查操作的函数封装
  10. Hive 的简单使用及调优参考文档
  11. Typescript 基础应用
  12. 巨幅SQL优化(SQL Tuning)——秒杀十几个小时不出结果的SQL
  13. CSS的浮动和定位
  14. pytest进阶之配置文件
  15. 百度图片objURL解密vb.net版
  16. Shiro-Spring 授权操作
  17. Mac再建管理员帐户
  18. Mysql数据约束 整理
  19. Beautifulsoup官方文档
  20. Vue-Vue列表渲染v-for

热门文章

  1. MySQL报错竞技赛
  2. MVC简单登陆验证
  3. HDOJ 4509 湫湫系列故事——减肥记II(2013腾讯编程马拉松) 并查集合并区间
  4. Web中打印的各种方案参考
  5. XDB基于Library的备份及恢复
  6. Web开发面临的挑战主要有哪些?
  7. js基本语法之 值类型(数据类型)(变量类型)
  8. 【OS_Linux】Linux下软件的安装与卸载
  9. 条款39:明智而审慎地使用private继承(use private inheritance judiciously)
  10. PyQt5(2)、垃圾分类小程序(2)——初代窗口程序可执行文件