AngularJS选择与ng-options调用函数吗？

Question

这是我的html

 <select ng-model="selectedMarker" ng-options="shape.text for shape in Selects('shapes')">
            </select>

和代码

 angular.module('todo', ['ionic'])
        .factory('Projects', function ($http) {
            return {
                options: function (type) {
            var selects = [{
                type: "shapes",
                list: [{
                    text: "Circle",
                    value: "S"
                }, {
                    text: "Polygon",
                    value: "P"
                }]
            }];
            var _filter = selects.filter(function (item) {
                if (item.type === type) {
                    return item.list;
                }
            });
            return _filter;
        },
     })
        .controller('TodoCtrl', function ($scope, $timeout, $ionicModal, Projects, $ionicSideMenuDelegate) {
            $scope.map = null;
            $scope.Selects = function (type) {
                var x= Projects.options(type);
                return x;
            }
    });

这导致呈现一个空的选择。 我将$ scope.Selects替换为数组而不是调用函数，但是随后填充了select。 为什么ng-options无法与函数一起使用？ 我的选择标签有什么问题吗？

Answer 1

您的实现是错误的（更不用说过于复杂了）。

options函数返回原始的selects数组，而不是shapes数组。
目前尚不清楚您到底想达到什么目的，但是如果您更改var xx = _filter[0]; 到var xx = _filter[0][type]; 它应该工作。

_{我强烈建议您仔细查看正在使用的功能（例如filter ），因为您可能会感到惊讶……}