JSFiddle - React, Tailwind, and code Playground

by Vikas

HTML

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.min.js"></script>
<div ng-app = 'myApp'>
<div ng-controller = 'myCtrl'>
Parent<br>
  <input ng-model='a'>
  {{a}} and {{b}} <br>
  
   <input ng-model='o.a'>
   {{o.a}}
  <div ng-controller = 'myCtrl2'>
  <br><br>Child<br>
  <input ng-model='a'>
  {{a}} and {{b}} and {{c}} <br>
  
   <input ng-model='o.a'>
   {{o.a}}
  </div>
 </div>
  <hr>
</div>

JavaScript

angular.module('myApp', [])
.controller("myCtrl", function($scope) {
  $scope.a = 55;
  $scope.b = 66;
  $scope.o = {a:'0'};
}).controller("myCtrl2", function($scope) {
  $scope.a = 22;
   $scope.b = 33;
   $scope.c = 44;
   $scope.o = {a:'2'};
});