Question

这是我在2小时调查和代码播放后首次使用角度编写的代码。似乎我的淘汰赛背景在这里没有帮助。请看一下我的代码：

var dc = angular.module("DC", []);
dc.factory("incomeCategories",function($rootScope, $http) {
    var categories = {};

    $http.get("app/Categories/GetIncomeCategories").success(function(data) {
        categories = data;
    });
    return categories;
});
dc.controller("CategoriesController", function($scope, $http, incomeCategories) {
    $scope.incomeCategories = incomeCategories;
    $scope.incomeCategory = {};
});

现在这是我的选择选项：

<select class="form-control" ng-model="incomeCategory" ng-options="ic.title for ic in incomeCategories"></select>

我认为在绑定时，incomeCategories没有加载。但它应该更新UI，因为它填充正确？像淘汰赛中的观察者一样。

Answer 1

您可能需要查看https://stackoverflow.com/a/18218579/56465以获得解决方案。

如果您使用的是AngularJS 1.2并且想要使用简单的

return $http.get("app/Categories/GetIncomeCategories")

在您的工厂，然后您可能想要打开

$parseProvider.unwrapPromises(true)

如AngularJS 1.2 migration guide

中所述

如何将选择元素绑定到角度对象？

1 个答案: