Untitled

<!DOCTYPE html>
<html ng-app="bootstrapApp">

  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    <h1> I am main.html and controller working properly on me, please take care of my child **given below** </h1>
                    <div ng-include="" src="'nested.html'"></div>
  </body>

</html>

(function() {
  'use strict';
  
  var app = angular.module('bootstrapApp', []);
  app.controller('MainCtrl', MainCtrl);

  function MainCtrl($scope, $location, $http, $compile) {
    $scope.someVar = 'Hello from MainCtrl';
  }
})();

<html>
<h1> I am included</h1>
Value: {{someVar}}
</html>