AngularJS Example

for http://stepansuvorov.com/blog/

HTML

<div ng-controller="mainController">
    <div ng-controller="child1Controller">
      <input type="text" ng-model="name">
    </div>
    
    <div ng-controller="child2Controller">
      <button ng-click="butName1('1')">Записать 1</button>
      <button ng-click="butName1('2')">Записать 2</button>
      <button ng-click="butName2('')">Очистить</button>
    </div>    
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

JavaScript

var app = angular.module('foo', [])

app
.controller('mainController', function ($scope) {
    $scope.name = '' ;
    
    $scope.setName = function(data){
        $scope.name = data;
        console.log($scope.name);
    };   
})
.controller('child1Controller', function ($scope) {

})
.controller('child2Controller', function ($scope) {
	$scope.butName1 = function(value) {
  	$scope.setName(value);
  };
	$scope.butName2 = function(value) {
  	$scope.setName(value);
  };  
});