AngularJS has an build-in directive to include the functionality from other AngularJS documents by utilizing the ng-include directive. The basic role of the "ng-include directive" is utilized to fetch, compile and include an outside HTML file in the main AngularJS application.Angularjs online compiler also available.
Let's see an example
<!DOCTYPE html>
<html>
<head>
<title>AngularJS | ng-include Directive</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
</head>
<body ng-app="" style="text-align: center">
<h1 style="color:green">TechedHub</h1>
<h3>ng-include Directive</h3>
<div ng-include="'child.html'"></div>
</body>
</html>
Try it here