Angularjs实例应用
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible"content="edge" />
<meta name="viewport"content="width=device-width,initial-scale=1" />
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet"href="bootstrap/css/bootstrap.min.css" />
<style>
</style>
</head>
<body>
<div class="container"style="padding:50px">
<div data-ng-app="myApp"data-ng-controller="myCtrl">
<p>数量:<input type="number"data-ng-model="quantity" /></p>
<p>成本:<input type="number"data-ng-model="cost" /></p>
<hr />
<p>总价格:{{quantity*cost | currency}}</p>
</div>
</div>
<script src="jQuery/jquery-2.2.0.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
angular.module("myApp", []).controller("myCtrl", function ($scope) {
$scope.quantity = 10; $scope.cost = 9.8;
})
</script>
</body>
</html>
最新文章
- .NET开源高性能Socket通信中间件Helios介绍及演示
- 关于sql的关联排序
- Orchard分类Taxonomies图文教程
- android测试点汇总
- ThinkPHP3.2.3--Linux服务器首页文件index.php路径配置问题
- 关于 System.IO.FileAttributes 的 Reparse Points
- C# 静态类 + c# 访问器 用途
- [Objective-c 基础 - 2.6] @property和@synthesize
- 【模拟】XMU 1054 Hacker
- 周末献礼 MyVoix2.0.js 麦克风波形绘制(一)
- 在MAC下配置MySQL 5.7 数据库的编码问题
- Spring Boot配置大全
- phjp(ajax)作用知识点
- [Spark][Python]DataFrame中取出有限个记录的例子
- expect 自动完成交互式程序神器
- JavaScript操作符-3---算数,逻辑,赋值,比较,三元
- 【转】Python 可视化神器-Plotly Express
- 浅谈个人对存储区域网络SAN的理解
- 解决Winsock2.h和afxsock.h定义冲突的办法
- Python之CMDB资产管理系统