AngularJS $ routeProvider Не загружать контент или входить в консоль с контроллера - PullRequest
Новая
       20

AngularJS $ routeProvider Не загружать контент или входить в консоль с контроллера

0 голосов
/ 06 июля 2019

Я пытаюсь создать сайт, который не нужно обновлять при переходе от страницы к странице. Я достиг этого раньше с помощью angularJS $ routeProvider , но по какой-то причине мой контент не будет загружаться со страниц, отличных от index.html.

Я попытался поместить оператор console.log в свой контроллер, чтобы увидеть, достигается ли вообще доступ к контроллеру, но консоль ничего не показывает в журналах, поэтому очевидно, что контроллер даже не запускается, хотя URL-адрес меняется как и ожидалось (то есть от localhost:8000/#/ до localhost:8000/#/LetsTalk). Не загружается ни содержимое home.html, ни LetsTalk.html, что странно для меня, поскольку я скопировал и вставил большую часть этого кода с другого веб-сайта, который я сделал, и который работал отлично. 

<html ng-app="myApp">
<div class="nav mdl-layout mdl-js-layout">
  <header class="mdl-layout__header mdl-layout__header--transparent">
    <div class="mdl-layout__header-row">
      <!-- Navigation -->
      <nav class="mdl-navigation">
        <ul>
          <li class="four"><a href="#/LetsTalk">let's talk</a></li>
          <hr />
        </ul>
      </nav>
    </div>
  </header>
</div>
</html>

'use strict';
var app = angular.module("myApp", ['ngRoute']);

app.config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/', {
    templateUrl: 'home.html',
    controller: 'homeCtrl'
  });

  $routeProvider.when('/LetsTalk', {
    templateUrl: 'LetsTalk.html',
    controller: 'LetsTalkCtrl'
  });

  $routeProvider.otherwise({redirecTo: '/'});
}]);


app.controller('homeCtrl', ['$scope', function($scope){
    $scope.message = '';
    console.log('welcome to home');
}]);

app.controller('LetsTalkCtrl', ['$scope', function($scope){
    $scope.message = 'lets talk';
    console.log('lets talk');
}]);

В настоящее время я не получаю никаких сообщений об ошибках. Чего я не понимаю, так это того, что я не могу даже отобразить свои сообщения console.log. Я предполагаю, что эти сообщения не появляются по той же причине, по которой не загружается фактический контент моих LetsTalk.html и home.html. Заранее спасибо!

1 Ответ

0 голосов
/ 07 июля 2019

** Facepalm **

Получается, что мне не хватало следующей строки на моей странице index.html: 

<div ng-view=""></div>
...