在模态窗口中加载数据下拉列表

Question

我的ASP.NET MVC中有一个带有AngularJS应用程序的模态窗口。在那个模态窗口中，我有一个下拉列表，我应该加载一个项目数据数组但是当我打开这个窗口时，下拉列表中没有任何数据。

<md-dialog-content>
    <div class="md-dialog-content">
        <div class="form-group">
            <div class="col-md-6">
                <label for="ProductID" style="display:inline-block">Products</label>
                <select class="form-control" id="ProductID" name="ProductID" ng-options="p.ProductID as p.ProductName for p in listProductos" ng-model="productos.ProductID" required>
                    <option value="" style="font-weight: bold;">--Choose a product--</option>                                                            
                </select>
                <span class="field-validation-valid text-danger" data-valmsg-for="ProductID" data-valmsg-replace="true"></span>
            </div>
        </div>
    </div>
</md-dialog-content>

要加载的代码是：

ang.controller("EditPedidosCtrl", ["$scope", "$routeParams", "PedidosService", "$mdDialog", function ($scope, $routeParams, PedidosService, $mdDialog) {
    $scope.listProductos = [];
    PedidosService.getAllProducts().then(function (d) {
        $scope.listProductos = d.data.productos;
    });
}