El enrutamiento no funciona. Me gustaría resolver esto en Angular.js. Adjunté ambos archivos como referencia.
Intenté usar ng-route y también intenté pasar los controladores, pero no funciona. ¿Hice algo mal en mi llamada $routeProvider o llamada ng-view?
miscript.js
var demoApp = angular.module('demoApp',['ngRoute']); var controllers={}; demoApp.controller(controllers) demoApp.config(function($routeProvider,$locationProvider){ $locationProvider.hasPrefix(); $routeProvider .when('/',{ templateUrl:'CustomerList.html' }) .when('/Address', { templateUrl:'Address.html' }) .otherwise({redirectTo: '/'}); } );índice.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Angular Demo</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <!-- <link rel="stylesheet" href="css/style.css"> --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"> </script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-route.js"></script> <script src='myscript.js'></script> </head> <body ng-app='demoApp'> <h1>Home Page</h1> <div ng-view=''></div> </body> </html>