JSFiddle - React, Tailwind, and code Playground
HTML
<body ng-app="App">
<div ng-controller="FirstCtrl as firstCtrl">
<input type="text" ng-model="firstCtrl.hello" class="form-control" />
{{firstCtrl.hello}}
<hr />
<div ng-controller="SecondCtrl as secondCtrl">
<input type="text" ng-model="secondCtrl.hello" class="form-control" />
{{secondCtrl.hello}}
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script>
angular.module('App', [])
.controller('FirstCtrl', function ($scope) {
var self = this;
self.hello = "Hello Anson";
})
.controller('SecondCtrl', function ($scope) {
var self = this;
self.hello = "Hello Kin";
});
</script>
</body>