绑定在视图和控制器之间不起作用

时间:2016-08-24 09:53:23

标签: javascript angularjs meanjs

我刚开始在Mean.js中开发并且在角度部分有一些问题。

我已经在节点中创建了api,它可以用配方模型做基本的crud。

现在我正在尝试显示现有食谱的列表。

控制器:

i

查看:

'use strict';

angular.module('recipe').controller('RecipeController', ['$scope', 'RecipeService',
  function ($scope, RecipeService) {
    // Recipe controller logic
    var vm = this;

    vm.recipes = RecipeService.query();
  }
]);

服务:

<section data-ng-controller="RecipeController">
  <div data-ng-repeat="recipe in vm.recipes">
    {{recipe.title}}
  </div>
</section>

所以,当我在控制台中记录vm.recipe时,然后看看异步调用会处理东西,我会在vm.recipes中看到2个结果,这是正确的,因为我在DB中有2个结果。这种证明服务工作正常并加载数据。此外,它在控制器中看起来没问题,因为它将在那里检索数据。但是,这些数据不会被加载到视图中,我不知道为什么。在配置中正确选择了视图。

有人有任何想法吗?

2 个答案:

答案 0 :(得分:1)

请试试这个

的地方
var vm = this;

vm.recipes = RecipeService.query();

尝试使用

$scope.recipes = RecipeService.query();
控制器中的

和html 在...的地方 使用 仅

答案 1 :(得分:0)

好的,没有找到为什么它不能以这种形式工作,但我已经能够通过简单地将食谱放入$ scope属性来实现它。

'use strict';

angular.module('recipe').controller('RecipeController', ['$scope', 'RecipeService',
  function ($scope, RecipeService) {
    // Recipe controller logic
    $scope.recipes = RecipeService.query();
  }
]);