Angular js $ http post avec laravel

Problème

Lorsque j'essaie de POSTER des données, j'ai une erreur. Bien sûr, je fais quelque chose de mal, je suis nouveau à l'angulaire. Quand je fais tout fonctionne bien, mais je ne suis pas sûr de faire POST.

Manette

myApp.controller('createListController', ['$scope', '$log', '$http', function($scope, $log, $http){ $http({ method: 'POST', url: 'http://localhost:8888/lists', data: $scope.name }) }]); 

HTML

• Fonction de réutilisation dans deux comutes en angularJS
• Grille réutilisée UI-grille angulaire non réinitialisée scroll + scroll infinie ne fonctionne pas
• AngularJS – Passez la valeur d'objet dynamique et la fonction d'appel de la Directive
• Comment comparer les valeurs à l'intérieur de la répétition ng?
• Angularjs html5Mode (true) erreur de rechargement de page avec Node.js Server

 <form method="post" action="" > <label>List name</label> <input type="text" ng-model="name" name="name" class="form-control" placeholder="Type list name" /> <button type="submit" ng-model="submit" name="submit" class="btn btn-primary form-control">Add list</button> </form> 

Laravel rout.php

 Route::group(['middleware' => 'cors'], function () { Route::get('lists', 'ListsController@index'); Route::post('lists', 'ListsController@store'); }); 

Middleware Laravel

 class Cors { public function handle($request, Closure $next) { $response = $next($request); $response->headers->set('Access-Control-Allow-Origin', '*'); $response->headers->set( 'Access-Control-Allow-Headers', 'Authorization, Content-Type, If-Match, If-Modified-Since, If-None-Match, If-Unmodified-Since' ); $response->headers->set('Access-Control-Allow-Credentials', 'true'); $response->headers->set('Access-Control-Allow-Methods', '*'); return $response; } } 

Laravel kernel.php

  protected $routeMiddleware = [ 'cors' => \App\Http\Middleware\Cors::class, ]; } 

Essayer de résoudre avec

 myApp.controller('createListController', ['$scope', '$log', '$http', function($scope, $log, $http){ if ($scope.submit == true){ $http({ method: 'POST', url: 'http://localhost:8888/lists', data: {name: 'text'} }) .success(function () { console.log('true'); }) .error(function(){ console.log('false'); }) } }]); 

Mais cela ne fonctionne pas non plus. Je ne sais pas ce que je fais mal et comment publier les données directement …

Message d'erreur

Erreur de la console: XMLHttpRequest ne peut pas charger localhost: 8888 / listes. Aucun en-tête 'Access-Control-Allow-Origin' n'est présent sur la ressource demandée. Origin 'localhost'; Est donc interdit d'accès.

Question

Comment puis-je résoudre cette erreur et obtenir un commentaire angulaire js $ http avec laravel?

Mon avis

Je pense qu'il y a quelque chose de mal dans le contrôleur angulaire, il ne peut pas obtenir des données de la forme ou quelque chose comme ça peut-être.

• Si j'inscrit deux directives différentes avec le même nom dans deux modules, la dernière inscription gagnera-t-elle?
• AngularJS & Laravel CORS, POST s'arrête après les OPTIONS de pré-vols
• AngularJS html5mode page de rechargement
• Définir une propriété de l'objet scope dynamiquement dans Js angulaire
• Test du navigateur IE xbox 360

 myApp.controller('createListController', ['$scope', '$log', '$http', function($scope, $log, $http ){ $scope.addList = function () { var list = { name: $scope.listname }; $http({ method: 'POST', url: 'http://localhost/anydocopy/public/lists', data: list }) .success(function () { console.log('true'); }) .error(function(){ console.log('false'); }) } }]); 

 <label>List name</label> <input type="text" ng-model="listname" class="form-control" placeholder="Type list name" /> <button type="submit" ng-click="addList()" name="submit" class="btn btn-primary form-control">Add list</button>