2016-07-10 11 views
1

Ich habe ein Problem, dass ich nicht sehe, meine Konsole Protokoll überhaupt und ich möchte wissen, ob eine Räude, um den Cookie in meinem Controller eingeben, die ich in meiner HTML-Seite habe.Konsole loggen Winkel

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 
     //} 

}]); 

Ich möchte wirklich wissen, was das Problem ist, weil ich Konsole viel log verwenden und ohne sie ist es wirklich schwer für meine mich

dank überprüfen!

die 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> 

Antwort

0

Werfen Sie einen Blick auf diese

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

Sie scheinen nicht dort $ Cookies Injektion werden.

Versuchen Sie folgendes:

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

Dies bezieht mich gar nicht console.log. Es ist eher ein Problem mit der Tatsache, dass Sie nicht die Codezeilen ausgeführt werden, wo Ihre console.logs

+0

es hinzuzufügen vergessen, nachdem ein um es zu löschen versucht, weil es nicht funktioniert hat und ich, obwohl die Cookies sind das Problem - arbeiten :( – 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>

Werfen Sie einen Blick in Winkelabhängigkeit Injektion Inline Array Annotation Dokumentation:

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

kümmern die Anmerkungsarray synchron mit den Parametern in der Funktion zu halten, Erklärung.

hinzufügen '$cookies'

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

danke für die Antwort immer noch nicht! es funktioniert immer noch nicht :( – user3488862

+0

wo rufst du 'createParty' function ?, können Sie den HTML-Code hinzufügen? – WalksAway

+0

bearbeitet und hinzugefügt – user3488862