我试图后端laravel和前端连接angularjs使用API和Ajax $ HTTP方法。该API连接，但数据无法查看NG-重复method.I不知道什么是犯错误希望有人能帮助理解它。提前致谢。
Hello.php
<!DOCTYPE html>
<html>
<head>
<title>Laravel + Angularjs</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="Todoctrl">
<li ng-repeat="x in todos">
{{ x.name }}
</li>
</div>
<script>
var app = angular.module('myApp',[])
.controller('Todoctrl',['$scope','$http',function($scope,$http){
var onStatsComplete = function(response){
$scope.todos = response.data;
}
$http.get("api/todos").then(onStatsComplete);
}
]);
</script>
</body>
</html>
api.php
Route::middleware('auth:api')->get('/user', function (Request $request) {
return $request->user();
});
Route::get('/todos','HomeController@todos');
HomeController.php
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Illuminate\Http\Response;
class HomeController extends Controller
{
public function todos(){
$data = [
"name" => "sithi",
"mobile" => "0108817531",
"email" => "check",
"status" => 0
];
return response()->json($data)->header('Access-Control-Allow-Origin','*')
->header('Access-Control-Allow-Credentials','true')
->header('Access-Control-Allow-Methods','GET,POST,OPTIONS')
->header('Access-Control-Allow-Headers','DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type');
}
}
你检查什么response.data包含？使用资源集合的典型Laravel API响应会把自己的数据键，这使得response.data.data从您的JS访问在这些情况下的值所需的最后项下的阵列。