AngularJS Example

for http://stepansuvorov.com/blog/

HTML

<div ng-controller="mainController as mainCtrl">
    <div ng-controller="child1Controller as child1">
      <input type="text" ng-model="mainCtrl.name">
    </div>
    
    <div ng-controller="child2Controller as child2">
      <button ng-click="mainCtrl.setName('1')">Записать 1</button>
      <button ng-click="mainCtrl.setName('2')">Записать 2</button>
      <button ng-click="mainCtrl.setName('')">Очистить</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) {
    this.name = '' ;
    
    this.setName = function(data){
        this.name = data;
        console.log($scope.name);
    };   
})
.controller('child1Controller', function ($scope) {

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