index.html

<html ng-app="ExampleApp" ng-strict-di>

	<head>

		<title>angular-gridify</title>

		<link rel="stylesheet" type="text/css" href="example/styles.css">

	</head>

	<body ng-controller="ExampleCtrl as ctrl" ng-keypress="ctrl.generateItems()">

		<hj-gridify
			hj-gridify-options="{
				collection: ctrl.items,
				perRow: ctrl.perRow,
				averageRatio: 1.5,
				gutter: 10,
			}"
			hj-gridify-item-as="tile"
		>

			<div
				ng-click="ctrl.removeItem($index)"
				class="item"
				ng-style="{
					'background-color': tile.color,
				}"
				></div>

		</hj-gridify>

		<script type="text/javascript" src="bower_components/angular/angular.min.js"></script>
		<script type="text/javascript" src="angular-gridify.js"></script>
		<script type="text/javascript" src="example/app.js"></script>

	</body>

</html>