<html ng-app="app">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div ng-controller='HelloController'>
<p>{{greeting.text}}, World</p>
</div>
<input type="button" value="red color" ng-click="color='red'">
<input type="button" value="black color" ng-click="color='black'">
<input type="button" value="blue color" ng-click="color='blue'">
<input type="button" value="font-weight" ng-click=font-weight='bold'">
<button ng-click="size = size + 1">aA</button>
<button ng-click="size = size - 1">Aa</button>
<p></p>
<textarea ng-style="{'color': color, 'font-size': size, 'font-weight': 'bold'}">
</textarea>
</body>
</html>
angular.module('app', [])
.controller('HelloController', function($scope) {
$scope.greeting = {};
$scope.greeting.text = 'Hello';
$scope.size = 12;
});
/* Styles go here */