Angularjs实例3
<!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">
<table class="table table-bordered table-striped">
<tr>
<th class="col-xs-3"></th><th class="col-xs-3 text-center">P2P</th><th class="col-xs-3 text-center">余额宝</th><th class="col-xs-3 text-center">银行理财产品</th>
</tr>
<tr data-ng-repeat="info in infoList">
<td class="text-center">{{info.title}}</td><td class="text-center">{{info.p2p}}</td><td class="text-center">{{info.yeb}}</td><td class="text-center">{{info.bank}}</td>
</tr>
</table>
</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.infoList = [
{ title: "预期年化收益率", p2p: "约 7% - 14%", yeb: "约 3% - 4%", bank: "约 4% - 5.5%" },
{ title: "买入当天生息", p2p: true, yeb: false, bank: false },
{ title: "买入次日开始付息", p2p: true, yeb: false, bank: false },
{ title: "每日付息", p2p: true, yeb: true, bank: false },
{ title: "每日利息自动复投", p2p: true, yeb: true, bank: false },
{ title: "期限灵活，随时可取", p2p: true, yeb: true, bank: false },
{title:"可以零钱增投",p2p:true,yeb:true,bank:true}
]
})
</script>
</body>
</html>
最新文章
- visual studio 2013 中配置OpenCV2.4.13 姿势
- 关于Java中的static关键字
- Python 开发轻量级爬虫08
- maven错误解决一：Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:2.5.1:compile (default-compile)
- 重学C语言 -- printf，scanf
- C#.net调用axis2webService
- java list 的 四种遍历方式
- RAD Studio 2010 环境设置（转）
- 轻松搭建Git服务器(Ubuntu)
- rails项目如何改变已建立的model结构
- postman接口测试笔记
- flutter -webview 报错 err_cleartext_not_permitted
- [Cubieboard] 镜像资源汇总
- js如何判断用户是在pc端和还是移动端访问
- Vue路由获取路由参数
- [egret]白鹭引擎打包安卓包体积太大减小
- iconfont 在项目中的简单使用
- 【cocos2d-x 手游研发小技巧（5）获取网络图片缓存并展示】
- Android——Android Studio的一些小技巧（转）
- SaltStack部署服务及配置管理apache+php-第二篇