Untitled

<!DOCTYPE html>
<html>
<head>
	<style type="text/css">
		div.square {
			background-color: #ccc;
			height: 200px;
			width: 200px;
			margin: 10px;
		}
	</style>

	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0-rc.2/angular.js"></script>
	<script type="text/javascript">
		var app=	angular.module("myApp",[]);
		app.controller("myCtrl",function($scope){
			$scope.items=	[
				{value: ''}
			];
			$scope.squares=	[
				{value:''}
			];

			$scope.addSomething=	function(){
				$scope.items.push({value:''});
				$scope.squares.push({value:''});
			};
		});
	</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
  <button id="button" ng-click="addSomething()">click me</button>
  <div ng-repeat="item in items">
  	<input type="text" placeholder="Headline" ng-model="item.value">
  </div>
  <div ng-repeat="square in squares">
  	 <div class="square">
  	 	<h3>{{item.value}}</h3>
  	 </div>
  </div>
</body>
</html>

// Code goes here

/* Styles go here */