PHP Lang
  1. PHP Lang
  3. AngularJS не будет отображать (анализировать) данные, которые поставляются с $ http.get в Laravel5
Intereting Posts
В чем преимущество использования try {} catch {} против if {} else {} Require_once (Net / URL2.php): не удалось открыть поток: нет такого файла или каталога Как обновить timezonedb в PHP (обновлять информацию о часовых поясах)? отправлять электронную почту с вложением в php без сохранения файла на веб-сервере Исключение Symfony2 при попытке вставить коллекцию форм PDO MySQL: используйте PDO :: ATTR_EMULATE_PREPARES или нет? PHP file_exists не работает Сообщение: Неопределенное свойство: Сайт :: $ Site_model – CodeIgniter как играть музыку в фоновом режиме на разных страницах PDO json вставляет несколько тегов Проверка правильной формы ответа и отправки как эффективно я могу использовать filter_var ($ email, FILTER_VALIDATE_EMAIL).? Сортировка многомерных массивов по значению ключа подкадра PHP / regex для анализа журнала ошибок NGINX mysql_fetch_assoc извлекает только одну запись

AngularJS не будет отображать (анализировать) данные, которые поставляются с $ http.get в Laravel5

У меня есть простое приложение SPA , просто как некоторые данные из базы данных в Laravel 5 , а для front-end я использую AngularJS . Мои угловые файлы находятся в общей папке.

Когда я перехожу на localhost вместо списка пользователей, я получаю буквально это 

{{ user1.name }} , {{ user1.email }} {{ user1.phone_number }}

Вот мои файлы:

route.php 

 Route::get('/', 'PageController@index'); Route::group(['prefix' => 'api/v1'], function(){ Route::resource('jokes', 'User1Controller'); });

PageController.php 

 <?php namespace App\Http\Controllers; use Illuminate\Http\Request; use App\User1 ; use App\Http\Requests; class PageController extends Controller { public function index() { return view('index'); } }

User1Controller.php 

 <?php namespace App\Http\Controllers; use Illuminate\Http\Request; use Response; use App\User1 ; class User1Controller extends Controller { public function index() { return response()->json( User1::get() ); } public function store(Request $request) { User1::create([ 'name' => $request->input('name'), 'email' => $request->input('email'), 'phone_number' => $request->input('phone_number') ]); return response()->json(['success' => true]); } }

User1.php 

 <?php namespace App; use Illuminate\Database\Eloquent\Model; class User1 extends Model { protected $fillable = [ 'name', 'email', 'phone_number' ]; }

ресурсы / виды / index.php 

 <!DOCTYPE html> <html lang=eng> <head> <meta charset="UTF-8"> <title>Welcome </title> <!-- CSS --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css"> <!-- load bootstrap via cdn --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"> <!-- load fontawesome --> <style> body { padding-top:30px; } /* form { padding-bottom:20px; } */ </style> <!-- JS --> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <script src="js/app.js"></script> <!-- load our application --> <script src="js/controllers/mainCtrl.js"></script> <!-- load our controller --> <script src="js/services/commentServices.js"></script> <!-- load our service --> </head> <body class="container" ng-app="user1App" ng-controller="mainController"> <div class="user1" ng-repeat="user1 in user1s"> <h3> <small>{{ user1.name }} , {{ user1.email }}</small></h3> <p>{{ user1.phone_number }}</p> </div> </body> </html>

общественные / JS / app.js 

 angular.module('user1App', [ 'controllers', 'services' ]); angular.module('controllers', []); angular.module('services', []);

общественные / JS / Контроллеры / mainCtrls.js 

 var Controller = angular.module('controllers'); Controller.controller('mainController', function($scope, $http, User1, $sce) { // get all the comments first and bind it to the $scope.user1s object User1.get() .success(function(data) { $scope.user1s = data; }); });

общественные / JS / услуги / user1Services.js 

 var Service = angular.module('services'); Service.factory('User1', function($http) { return { get : function() { return $http.get('api/v1/jokes'); } }; });

У меня есть семена базы данных, а на localhost / api / v1 / joke есть некоторые пользователи, потому что я проверил его с Postman введите описание изображения здесь

Чтобы достичь ожидаемого результата, используйте ниже вариант 

 angular.module('user1App', []); angular.module('user1App').controller('mainController', function($scope, $http, User1, $sce) { $http.get('api/v1/jokes').success(function(data) { $scope.user1s = data; }); }