JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="myApp">
<script type="text/ng-template" id="home.html">
Welcome!
</script>
<script type="text/ng-template" id="appOne.html">
Hello {{ name }}!
</script>
<script type="text/ng-template" id="appTwo.html">
2 + 5 = {{ 2+5 }}
</script>
<a href="#appOne">App One</a> |
<a href="#appTwo">App Two</a>
<div ng-view></div>
</div>
JavaScript
var myApp = angular.module('myApp',[],function($routeProvider) {
$routeProvider
.when('/home',{templateUrl:'home.html'})
.when('/appOne',{templateUrl:'appOne.html',controller:'oneCtrl'})
.when('/appTwo',{templateUrl:'appTwo.html'})
.otherwise({redirectTo:'/home'});
});
function oneCtrl($scope) {
$scope.name = 'World';
}