【angularjs学习】简单的语法
2024-09-08 08:05:09
<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>
最新文章
- 【用xocde5打包 在IOS7以下也能显示无默认gloss 效果 图解】
- Codeforces 721E Road to Home
- Python自动化 【第十五篇】:CSS、JavaScript 和 Dom介绍
- oracle函数--trunc
- javax.net.ssl.SSLException: Unrecognized SSL message, plaintext connection
- html行内元素和块元素标签分组
- DBMS_RLS包实现数据库表中的行级安全控制
- sql server windows账号不能登陆指定的数据库
- IOS9中联系人对象的使用及增删改查操作的函数封装
- Hive 的简单使用及调优参考文档
- Typescript 基础应用
- 巨幅SQL优化(SQL Tuning)——秒杀十几个小时不出结果的SQL
- CSS的浮动和定位
- pytest进阶之配置文件
- 百度图片objURL解密vb.net版
- Shiro-Spring 授权操作
- Mac再建管理员帐户
- Mysql数据约束 整理
- Beautifulsoup官方文档
- Vue-Vue列表渲染v-for
热门文章
- MySQL报错竞技赛
- MVC简单登陆验证
- HDOJ 4509 湫湫系列故事——减肥记II(2013腾讯编程马拉松) 并查集合并区间
- Web中打印的各种方案参考
- XDB基于Library的备份及恢复
- Web开发面临的挑战主要有哪些?
- js基本语法之 值类型(数据类型)(变量类型)
- 【OS_Linux】Linux下软件的安装与卸载
- 条款39:明智而审慎地使用private继承(use private inheritance judiciously)
- PyQt5(2)、垃圾分类小程序(2)——初代窗口程序可执行文件