Skip to content

Instantly share code, notes, and snippets.

@ConAntonakos

ConAntonakos/index.html

Created October 13, 2014 21:43
Show Gist options
  • Save ConAntonakos/9e551b833b3d6e3f4f71 to your computer and use it in GitHub Desktop.
Save ConAntonakos/9e551b833b3d6e3f4f71 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body ng-app="categoryBids">
<div ng-controller="CategoryBidsController">
<table class="table table-striped">
<thead>
<tr>
<th ng-repeat="header in table_headers">
{{ header }}
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="product in products">
<td>{{ product.name }}</td>
<td>{{ product.price }}</td>
<td> <input ng-model="bid"> </td>
</tr>
</tbody>
</table>
</div>
<script id="jsbin-javascript">
var app = angular.module('categoryBids', []);
app.controller('CategoryBidsController', function($scope){
$scope.table_headers = [
'Category',
'Suggested Bid',
'Bid (CPC)',
];
$scope.products = [
{'name':'Belts', 'price': 14},
{'name': 'Gifts', 'price': 14},
{'name': 'Eyewear', 'price': 14}
];
});
</script>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"><\/script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"><\/script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body ng-app="categoryBids">
<div ng-controller="CategoryBidsController">
<table class="table table-striped">
<thead>
<tr>
<th ng-repeat="header in table_headers">
{{ header }}
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="product in products">
<td>{{ product.name }}</td>
<td>{{ product.price }}</td>
<td> <input ng-model="bid"> </td>
</tr>
</tbody>
</table>
</div>
</body>
</html></script>
<script id="jsbin-source-javascript" type="text/javascript">var app = angular.module('categoryBids', []);
app.controller('CategoryBidsController', function($scope){
$scope.table_headers = [
'Category',
'Suggested Bid',
'Bid (CPC)',
];
$scope.products = [
{'name':'Belts', 'price': 14},
{'name': 'Gifts', 'price': 14},
{'name': 'Eyewear', 'price': 14}
];
});</script></body>
</html>
Raw
jsbin.femete.js
var app = angular.module('categoryBids', []);
app.controller('CategoryBidsController', function($scope){
$scope.table_headers = [
'Category',
'Suggested Bid',
'Bid (CPC)',
];
$scope.products = [
{'name':'Belts', 'price': 14},
{'name': 'Gifts', 'price': 14},
{'name': 'Eyewear', 'price': 14}
];
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment