Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<!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>
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
You can’t perform that action at this time.