ngRoute не запускается в контроллере angularjs - PullRequest
Новая
       29

ngRoute не запускается в контроллере angularjs

0 голосов
/ 12 февраля 2019

Я создал простое приложение для проверки ngRoute.У меня есть главная страница index.html с одной ссылкой на страницу с названием «informationdisplay.html».Я настроил маршрут в контроллере главной страницы, но он не работает.

Ниже приведен код index.html 

<html>

 <head>
   <title>Ng route test</title>
       <script    

src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"> 
       </script>
       <script type="text/javascript" src="Scripts/main.js"></script>
</head>


<body>
  <h2> Select Location from List</h2>
  <a href="#info">Information</a>      
</body>    
</html>

Мой код в контроллере 

var mainApp = angular.module("mainApp",['ngRoute']);

mainApp.config(function ($routeProvider) {

    $routeProvider.when('/info', {
        templateUrl: 'informationdisplay.html',
        controller: 'informationController'
    }).otherwise({ redirectTo: '/' });

});

mainApp.controller('mainController', function ($scope,$rootScope) {
   });

1 Ответ

0 голосов
/ 12 февраля 2019

Вам не хватает настроек для нескольких вещей.

  1. ng-view должна быть добавлена ​​директива index.html, чтобы шаблон маршрута был загружен в этом месте.
  2. href="#info"должно быть href="#/info"

  3. Измените перенаправление на, info

    <body>
  <h2> Select Location from List</h2>
  <a href="#/info">Information</a>
  <div ng-view></div>
</body>
...