CodeSandbox: https://codesandbox.io/s/sparkling-bash-d7l6j
HTML:
<!DOCTYPE html>
<html ng-app="App">
<head>
<title>Hello World</title>
</head>
<body>
<h1>Bem Vindo!</h1>
<ul>
<li>
<strong><a href="#!view">View</a></strong>
<strong><a href="#!home">Home</a></strong>
</li>
</ul>
<div ng-view></div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<!-- below script is needed for angular js routing to work -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-route.js"></script>
<script type="text/javascript" src="Control\Controller.js"></script>
</body>
</html>
Контроллер. js
var app = angular.module("App", ["ngRoute"]);
app.config(function($routeProvider) {
$routeProvider
.when("/view", {
templateUrl: "Views/view.html",
controller: "helloWorldCtrl"
})
.when("/home", {
template: "<h4>{{message}}</h4>",
controller: "homecontroller"
})
.otherwise({ redirectTo: "/home" });
});
app.controller("helloWorldCtrl", function($scope) {
$scope.message = "HelloWorld";
});
app.controller("homecontroller", function($scope) {
$scope.message = "Im home";
});
Просмотр. html
<div ng-controller="helloWorldCtrl">
{{message}}
</div>