console.log ничего не печатает в Chrome - PullRequest
Новая
       16

console.log ничего не печатает в Chrome

0 голосов
/ 22 марта 2019

Может кто-нибудь объяснить, почему console.log внезапно перестал работать? Я пытаюсь отладить упражнение для класса Angularjs, и в определенный момент console.log больше ничего не печатал. Я использую хром, и мой кэш очищен.

EDIT: В этом фрагменте и в Firefox console.log () работает, а в Chrome - нет. Как получилось? 

(function () {
'use strict';

angular.module('Ass3', [])
.controller('NarrowItDownController', Narrowdown)
.service('MenuCategoriesService', MenuCategoriesService);


Narrowdown.$inject = ['MenuCategoriesService'];
function Narrowdown(MenuCategoriesService){
  var nrdown = this;

  var promise = MenuCategoriesService.getMatchedMenuItems();
}

MenuCategoriesService.$inject = ["$http"]
function MenuCategoriesService($http){
  var service = this;
  console.log("start");
  service.getMatchedMenuItems = function(searchTerm){
    return $http({
      method : 'GET',
      url: ("https://davids-restaurant.herokuapp.com/menu_items.json")
    }).then(function(result){
        var foundname = [];
        angular.forEach(result.data.menu_items, function(value, key){
          var name = value.name;
          //console.log(typeof name);
          if (name.toLowerCase().indexOf("chicken") !== -1){
            foundname.push(name);
          };
        });
        console.log("end");
        return foundname;
        
      });
  }
}

})();
<!doctype html>
<html lang="en" ng-app='Ass3'>
  <head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js" ></script>
    <script type="text/javascript" src="app.js"></script>
    <title>Narrow Down Your Menu Choice</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="styles/bootstrap.min.css">
    <link rel="stylesheet" href="styles/styles.css">
  </head>
<body>
   <div class="container" ng-controller="NarrowItDownController as nrdown">
    <h1>Narrow Down</h1>

    <div class="form-group">
      <input type="text" placeholder="search term" class="form-control">
    </div>
    <div class="form-group narrow-button">
      <button class="btn btn-primary">Narrow It Down For Me!</button>
    </div>

    <!-- found-items should be implemented as a component -->
    <found-items found-items="...." on-remove="...."></found-items>
    <ul>
      <li ng-repeat="category in nrdown.categories">
        {{categroy.name}}
      </li>
    </ul>
  </div>

</body>
</html>

Ответы [ 2 ]

0 голосов
/ 22 марта 2019

return foundname; должно быть ниже console.log()

(function () {
'use strict';

angular.module('Ass3', [])
.controller('NarrowItDownController', Narrowdown)
.service('MenuCategoriesService', MenuCategoriesService);


Narrowdown.$inject = ['MenuCategoriesService'];
function Narrowdown(MenuCategoriesService){
  var nrdown = this;
  debugger
  var promise = MenuCategoriesService.getMatchedMenuItems();
}

MenuCategoriesService.$inject = ["$http"]
function MenuCategoriesService($http){
  var service = this;
  console.log("start");
  service.getMatchedMenuItems = function(searchTerm){
    return $http({
      method : 'GET',
      url: ("https://davids-restaurant.herokuapp.com/menu_items.json")
    }).then(function(result){
        var foundname = [];
        angular.forEach(result.data.menu_items, function(value, key){
          var name = value.name;
          //console.log(typeof name);
          if (name.toLowerCase().indexOf("chicken") !== -1){
            foundname.push(name);
          };
        });
        console.log("end");
        return foundname;
      });
  }
}

})();
<!doctype html>
<html lang="en" ng-app='Ass3'>
  <head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js" ></script>
    <script type="text/javascript" src="app.js"></script>
    <title>Narrow Down Your Menu Choice</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="styles/bootstrap.min.css">
    <link rel="stylesheet" href="styles/styles.css">
  </head>
<body>
   <div class="container" ng-controller="NarrowItDownController as nrdown">
    <h1>Narrow Down</h1>

    <div class="form-group">
      <input type="text" placeholder="search term" class="form-control">
    </div>
    <div class="form-group narrow-button">
      <button class="btn btn-primary">Narrow It Down For Me!</button>
    </div>

    <!-- found-items should be implemented as a component -->
    <found-items found-items="...." on-remove="...."></found-items>
    <ul>
      <li ng-repeat="category in nrdown.categories">
        {{categroy.name}}
      </li>
    </ul>
  </div>

</body>
</html>
0 голосов
/ 22 марта 2019

У вас есть журнал, размещенный после оператора return 

return foundname;
console.log("end");

Просто поменяйте местами эти строки вот так 

console.log("end");
return foundname;
...