JSFiddle - React, Tailwind, and code Playground

by santoshpatro

HTML

<div ng-app="" ng-controller="FoodController">
    This is {{ name }} controller of type {{ type }}
     
    <div ng-controller="VegController">
        This is {{ name }} controller of type {{ type }}
 
        <div ng-controller="NonVegController">
            This is {{ name }} controller of type {{ type }}
 
        </div>
    </div>
</div>

CSS

div {
    margin:10px;
    padding:10px;
    border:1px solid #ddd;
}

JavaScript

function FoodController($scope) {

    $scope.name = 'Food';
    $scope.type = 'Food';

}

function VegController($scope) {

    $scope.name = 'Veg';

}

function NonVegController($scope) {

    $scope.name = 'NonVeg';
    $scope.type = 'NonVeg';

}