时间戳

首页 > 解决方案 > $resource 调用的 AngularJS 问题

javascript - $resource 调用的 AngularJS 问题

问题描述

我是前端开发的新手，如果这不是最复杂的问题，我深表歉意。我想做一些相当简单的事情：显示来自对 REST api 的 http 调用返回的 JSON 中的项目列表。我似乎无法理解为什么我的 PoC 没有从服务器返回任何内容，甚至没有在控制器的回调函数中登录到控制台。我将此 PoC 基于 angular-seed 项目：https ://github.com/angular/angular-seed

一个示例服务器响应将是一个简单的字符串数组：

["bacon","lettuce","tomato"]

我为使其运行而设置的不同位是：

成分列表.html

<div ng-app="myApp" ng-controller="IngredientListController">
    <input type="text" ng-model="$scope.query">
</div>

<ul>
    <li ng-repeat="ingredient in $scope.ingredients | filter:$scope.query">
        <p>{{ingredient}}</p>
    </li>
</ul>

成分列表.js

'use strict';

angular.module('myApp.ingredientList', ['ngRoute'])

.config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/ingredientList', {
    templateUrl: 'ingredient-list/ingredient-list.html',
    controller: 'IngredientListController'
  });
}])

.controller('IngredientListController', function($resource) {
  var Ing = $resource('http://mumbo.com/rest/getIngredients');
  var ingredients = Ing.get();
  ingredients.$promise.then(function(){
    $scope.ingredients = ingredients;
    console.log(ingredients);
  });

});

调试也是一个挑战，如果你对菜鸟有什么建议，也请发过来！

提前致谢 ：）

标签： javascriptangularjsrestangularjs-resource

解决方案

推荐阅读