2016-07-10 137 views
1

我有一個問題,我根本沒有看到我的控制檯日誌,我想知道是否有人在我的控制器中輸入cookie,在我的html頁面中。控制檯登錄角

var addPartyApp = angular.module('addPartyApp',['ngCookies']); 


addPartyApp.controller('partyController',['$scope','$http', '$cookies', function($scope,$http,$cookies){ 


console.log("works!"); 

    // $scope.createParty = function(){  
       var data = {};  
       data.title = $scope.title; 
       data.description = $scope.description; 
       data.image = $scope.myFile; 
       data.email = $scope.cookie; 
       console.log($scope.cookie); 
       console.log($scope.myFile); 
       console.log(data); 
      $http.post('http://localhost:3000/party', data).then() //callback 
     //} 

}]); 

我真的想知道是什麼問題,因爲我用的控制檯登錄了很多,沒有它,它真的很難爲我檢查自己

的感謝!

的HTML

<!DOCTYPE html> 
<html ng-app="addPartyApp"> 
<head> 
    <title>show party</title> 
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> 
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css"> 
</head> 
<body ng-controller="partyController"> 
    <h1 class="text-center">Add Party</h1> 
     <form class="form-group" enctype="multipart/form-data" method="POST" action="http://localhost:3000/party"> 
      <div class="form-group"> 
      <div class="col-sm-10"> 
       <label for="inputEmail3" class="col-sm-2 control-label">Title:</label> 
       <input class="form-control" type="text" placeholder="Title" ng-model="title" name="title" required></input> 
      </div> 
      <div class="col-sm-10"> 
       <label for="inputEmail3" class="col-sm-2 control-label">Description:</label> 
       <textarea class="form-control" id="inputEmail3" type="text" placeholder="Description" ng-model="description" name="description" required></textarea> 
       <br> 
      </div> 
      <div class="col-sm-10"> 
       <br> 
       <input type="file" name="file" accept="image/*" required></input> 
      </div> 
      <div class="col-sm-10"> 
       <br> 
       <input type="submit" class="btn btn-default" name="send"></input> 
      </div> 
      </div> 
     </form> 
    <script src="js/lib/angular/angular.min.js"></script> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-resource.js"></script> 
    <script src="js/addParty.js"></script> 
</body> 
</html> 

回答

0

看一看這個

addPartyApp.controller('partyController',['$scope','$http',function($scope,$http,$cookies){ 

你似乎並不被注入$餅乾那裏。

試試這個:

addPartyApp.controller('partyController',['$scope','$http', '$cookies', function($scope,$http,$cookies){ 

在所有CONSOLE.LOG這是不相關。在您console.logs發現

+0

忘記將它添加後試圖刪除它,因爲它沒有工作,我雖然餅乾的問題 - 仍然沒有工作:( – user3488862

0

var addPartyApp = angular.module('addPartyApp', []); 
 

 

 
addPartyApp.controller('partyController', ['$scope', '$http', 
 
    function($scope, $http) { 
 

 

 
    console.log("works!"); 
 

 
    // $scope.createParty = function(){  
 
    var data = {}; 
 
    data.title = $scope.title; 
 
    data.description = $scope.description; 
 
    data.image = $scope.myFile; 
 
    data.email = $scope.cookie; 
 
    console.log($scope.cookie); 
 
    console.log($scope.myFile); 
 
    console.log(data); 
 
    $http.post('http://localhost:3000/party', data).then() //callback 
 
     //} 
 

 
    } 
 
]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html ng-app="addPartyApp"> 
 

 
<head> 
 
    <title>show party</title> 
 
</head> 
 

 
<body ng-controller="partyController"> 
 
    <h1 class="text-center">Add Party</h1> 
 
    <form class="form-group" enctype="multipart/form-data" method="POST" action="http://localhost:3000/party"> 
 
    <div class="form-group"> 
 
     <div class="col-sm-10"> 
 
     <label for="inputEmail3" class="col-sm-2 control-label">Title:</label> 
 
     <input class="form-control" type="text" placeholder="Title" ng-model="title" name="title" required /> 
 
     </div> 
 
     <div class="col-sm-10"> 
 
     <label for="inputEmail3" class="col-sm-2 control-label">Description:</label> 
 
     <textarea class="form-control" id="inputEmail3" type="text" placeholder="Description" ng-model="description" name="description" required></textarea> 
 
     <br> 
 
     </div> 
 
     <div class="col-sm-10"> 
 
     <br> 
 
     <input type="file" name="file" accept="image/*" required /> 
 
     </div> 
 
     <div class="col-sm-10"> 
 
     <br> 
 
     <input type="submit" class="btn btn-default" name="send" /> 
 
     </div> 
 
    </div> 
 
    </form> 
 
</body> 
 

 
</html>

看一看角的依賴注入內嵌陣列註釋文檔這是相當有,你是不是執行的代碼行的事實問題:

https://docs.angularjs.org/guide/di

注意保持註釋陣列中同步與該函數的參數宣言。

添加'$cookies'

addPartyApp.controller('partyController',['$scope','$http', '$cookies',function($scope,$http,$cookies){ 
+0

感謝您的回答!它仍然沒有工作:( – user3488862

+0

你在哪裏調用'createParty'函數?,你可以添加html代碼嗎? – WalksAway

+0

編輯和添加 – user3488862