<body ng-app='MainApp'>
<div ng-controller='MainCtrl'>
<div>
<input type='button' value='Hello' ng-click='hello();' />
<input type='button' value='Hi' ng-click='hi();' />
</div>
<div>
<p>Text: {{text}}</p>
</div>
</div>
</body>var mainMod = angular.module('MainApp', []);
mainMod.controller('MainCtrl', function ($scope) {
$scope.text = '!!';
$scope.hello = function(){
$scope.text = 'Hello';
}
$scope.hi = function(){
$scope.text = 'Hi';
}
});
External CSS
This Pen doesn't use any external CSS resources.