#javascript #angularjs #angular-ui-router
#язык JavaScript #angularjs #угловой-пользовательский интерфейс-маршрутизатор
Вопрос:
Маршрутизация не работает. Я хотел бы решить эту проблему в Angular.js. Я приложил оба файла для справки.
Я пробовал использовать ng-маршрут, а также пытался передать контроллеры, но это не работает. Я сделал что-то не так в своем вызове $routeProvider или вызове ng-view?
myscript.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: '/'}); } ); index.html
lt;!DOCTYPE htmlgt; lt;html lang="en"gt; lt;headgt; lt;meta charset="UTF-8"gt; lt;meta http-equiv="X-UA-Compatible" content="IE=edge"gt; lt;meta name="viewport" content="width=device-width, initial-scale=1.0"gt; lt;titlegt;Angular Demolt;/titlegt; lt;link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"gt; lt;!-- lt;link rel="stylesheet" href="css/style.css"gt; --gt; lt;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"gt; lt;/scriptgt; lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"gt;lt;/scriptgt; lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-route.js"gt;lt;/scriptgt; lt;script src='myscript.js'gt;lt;/scriptgt; lt;/headgt; lt;body ng-app='demoApp'gt; lt;h1gt;Home Pagelt;/h1gt; lt;div ng-view=''gt;lt;/divgt; lt;/bodygt; lt;/htmlgt;