console.log не работает внутри углового контроллера

Question

Привет, я пытаюсь попасть в angular.j. Я пробовал следующий код. Но console.log() не работает. Ничего не хватает? как угловые понятия или что-то еще?

var foodshareModule= angular.module('food',['ui.router','ngResource']); 

console.log("Main file getting included"); 


foodshareModule.controller("personController", function($scope) { 
    console.log($scope); 
    $scope.firstName = "John"; 
    $scope.lastName = "Doe"; 
    console.log($scope.firstName); 
    console.log($scope.lastName); 
}); 

foodshareModule.controller('scratchListController', function($scope,$state,Notes){ 

    console.log("working"); 

    $scope.scratchpad =Food.query(); 

    $scope.deleteScratch = function (scratch,flag) { 
    if(flag === 0) {           //Checks if Bulk delete or single delete 
     if(confirm("You Clicked DELETE !! Are you sure ?")) { 
     scratch.$delete(function() {       //Single delete 
     window.location.href = 'http://localhost:1337'; 
     }); 
     } 
    } 
    else {              //Bulk delete 
     scratch.$delete(function() { 
     window.location.href = 'http://localhost:1337'; 
     }); 
    } 

    } 

    $scope.emptyScratchpad = function() { 
    var ask = false; 
    if (confirm ("You are about Empty Scratchpad. Sure ????")) { 
     ask = true; 
    } 
    if(ask === true) { 
     for (var i = 0; i < $scope.scratchpad.length; i++) { 
     $scope.deleteScratch($scope.scratchpad[i],1); 
     } 
    } 

    } 
}) 



foodshareModule.factory('Food', function($resource) { 
    return $resource('http://localhost:1337/Food:id', { id: '@_id' }, { 
    update: { 
     method: 'PUT' 
    } 
    }); 
}); 

Любая помощь будет принята с благодарностью. Заранее спасибо.

Answer 1

Глядя на вас код кажется, что вы вводили неправильный зависимость в scratchListController, оно должно быть Food вместо Notes

Код

foodshareModule.controller('scratchListController', function($scope, $state, Food) { //you were added Notes, but there should be Food 
    console.log("working"); 
    //..other code here 
}) 

Answer 2

var app = angular.module('myApp',[]) 

.factory('Food', function($resource) { 
    return $resource('http://localhost:1337/Food:id', { id: '@_id' }, { 
    update: { 
     method: 'PUT' 
    } 
    }); 
}) 

.controller("personController", function($scope) { 
    console.log($scope); 
    $scope.firstName = "John"; 
    $scope.lastName = "Doe"; 
    console.log($scope.firstName); 
    console.log($scope.lastName); 
}) 

.controller('scratchListController', function($scope){ 

    console.log("working"); 

    $scope.deleteScratch = function (scratch,flag) { 
    if(flag === 0) {           //Checks if Bulk delete or single delete 
     if(confirm("You Clicked DELETE !! Are you sure ?")) { 
     scratch.$delete(function() {       //Single delete 
     window.location.href = 'http://localhost:1337'; 
     }); 
     } 
    } 
    else {              //Bulk delete 
     scratch.$delete(function() { 
     window.location.href = 'http://localhost:1337'; 
     }); 
    } 

    } 

    $scope.emptyScratchpad = function() { 
    var ask = false; 
    if (confirm ("You are about Empty Scratchpad. Sure ????")) { 
     ask = true; 
    } 
    if(ask === true) { 
     for (var i = 0; i < $scope.scratchpad.length; i++) { 
     $scope.deleteScratch($scope.scratchpad[i],1); 
     } 
    } 

    } 
}); 

Вот ваше решение. Он показывает working в консоли.