var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
});
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.2.x" src="https://code.angularjs.org/1.2.16/angular.js" data-semver="1.2.16"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<form id="testForm">
<div class="col-lg-4 input-group input-group-lg {{(structures.family.limit3 - TA3.length <= 0) && 'has-error' || ''}}">
<textarea id="copy-area-3" class="form-control" rows="4" placeholder="{{structures.family.label3}}" ng-model="TA3" ng-trim="false"></textarea>
<span class="input-group-addon" id="copy-button-3"><span>{{634 - TA3.length}}</span></span>
</div>
<div class="col-lg-4 input-group input-group-lg {{(structures.family.limit4 - TA4.length <= 0) && 'has-error' || ''}}">
<textarea id="copy-area-4" class="form-control" rows="4" placeholder="{{structures.family.label4}}" ng-model="TA4" ng-trim="false"></textarea>
<span class="input-group-addon" id="copy-button-4"><span>{{345 - TA4.length}}</span></span>
</div>
<a href="javascript:document.getElementById('testForm').reset();">RESET</a>
</form>
</body>
</html>
/* Put your css in here */