<h1>BlogIT.vn</h1>
<div ng-app="demoApp" ng-controller="demoCtrl">
  <input type="text" ng-model="user_name" placeholder="Enter your name"> Hello {{ user_name }}!
  <br/>
  <h3>Child controllers</h3>
  <div ng-controller="subCtrl1">
    {{ sub_test1 }}
  </div>
  <div ng-controller="subCtrl2">
    {{ sub_test2 }}
  </div>
</div>
angular
  .module('demoApp', [])
  .controller('demoCtrl', function($scope){
  $scope.test = "Hello world!";
})
  .controller('subCtrl1', function($scope){
  $scope.sub_test1 = "Hello sub 1!";
})
  .controller('subCtrl2', function($scope){
  $scope.sub_test2 = "Hello sub 2!";
});
Rerun