<div ng-app="clickerapp">
<div ng-controller="clicker">
<p>{{count}} bottles of beer on the wall</p>
<button ng-click="more()">Buy more</button>
</div>
</div>
The same file in a component w/ class implementation using AngularJS (1.6.1):
<div ng-app="clickerapp">
<clicker></clicker>
</div>
The same file in a component w/ ctrl implementation using AngularJS (1.5.8):
<div ng-app="clickerapp">
<clicker></clicker>
</div>
The same file in a component w/o ctrl implementation using AngularJS (1.5.8):
<div ng-app="clickerapp">
<clicker></clicker>
</div>
The same file in a controller as implementation using AngularJS (1.5.8):
<div ng-app="clickerapp">
<div ng-controller="clicker">
<p>{{count}} bottles of beer on the wall</p>
<button ng-click="more()">Buy more</button>
</div>
</div>
The same file in a directive implementation using AngularJS (1.5.8):
<div ng-app="clickerapp">
<clicker></clicker>
</div>