angular学习
来源:互联网 发布:教育统计软件安装 编辑:程序博客网 时间:2024/06/05 17:16
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> </head><body> <div ng-app="" ng-init="firstName='John';quantity=1;price=5;names=['Jani','Hege','Kai'];names2=[{name:'Jani',country:'Norway'},{name:'Hege',country:'Sweden'},{name:'Kai',country:'Denmark'}]"> <p>我的第一个表达式: {{ 15 + 5 }}</p> <p>在输入框中尝试输入:</p> <p>姓名:<input type="text" ng-model="firstName"></p> <p>你输入的为: {{ firstName }}</p> <h2>价格计算器</h2> 数量: <input type="number" ng-model="quantity">价格: <input type="number" ng-model="price"> <p><b>总价:</b> {{ quantity * price }}</p><p>使用 ng-repeat 来循环数组</p> <ul> <li ng-repeat="x in names"> {{ x }} </li> </ul> <p>循环对象:</p><ul> <li ng-repeat="x in names2"> {{ x.name + ', ' + x.country }} </li></ul></div></body></html>
阅读全文
0 0
- angular学习
- Angular学习
- angular学习
- angular 学习
- angular 学习
- 学习angular
- angular学习
- Angular学习
- angular学习
- 【angular】angular-ui-router学习
- 【Angular学习】Angular环境配置
- 【Angular学习】创建一个Angular项目
- angular学习笔记二
- Angular 学习笔记 1
- Angular 学习笔记 2
- Angular 学习笔记 3
- Angular 学习笔记 4
- Angular 学习笔记 5
- leetcode 347. Top K Frequent Elements
- 深入理解Java中Synchronized(对象锁)和Static Synchronized(类锁)的区别
- mysql常用命令
- 如何关闭浏览器的HSTS功能
- 11月13日云栖精选夜读:阿里云中间件产品科技普惠企业,满足多场景需求
- angular学习
- java学习笔记(11)--网络通信
- 【JavaSE】作业练习1111
- SQL 将查询结果插入到新增表
- 块存储 Cinder磁盘加密方法 研究
- Linux Mysql 给用户授权
- HDU 1879 继续畅通工程
- UML类图(PHP)
- Spring学习笔记