2016-07-10 4 views
1

У меня возникла проблема, что я вообще не вижу свой консольный журнал, и я хочу знать, может ли mange ввести файл 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