异步服务器调用，资源，角度

Question

我很困惑。我希望你能帮助我。

这是我的工厂

productsFactory.getAllDiciplines = function(){
  return $resource('/api/disciplines/');
}

它返回一个数组。

这是我的控制者：

$scope.diciplines = ProductsFactory.getAllDiciplines().query();

这是我的观点：

<select ng-model="diciplines" ng-options="d.dp_title for d in diciplines"></select><br>

这很有效。但是，当我在选择框中选择一个项目时。它变得空洞。所有物品都消失了。我知道这可以解决这个$ resource使用asyncronous调用的问题。

我该如何解决这个问题？

Answer 1

您选择的项目是整个列表！

<select ng-model="diciplines" ng-options="d.dp_title for d in diciplines"></select><br>

创建另一个属性SelectedDicipline并将其绑定

$scope.SelectedDicipline  = {};
<select ng-model="SelectedDicipline" ng-options="d.dp_title for d in diciplines"></select><br>