角阵列过滤器答案

【问题标题】：Angular array filter角阵列过滤器
【发布时间】：2015-10-28 19:42:27
【问题描述】：

我有这个代码

function GuestWizardController($scope, ApiResourceBed, ApiResourceRoom) {
        $scope.rooms = ApiResourceRoom.query();
        $scope.showBeds = function( roomId ){
            $scope.beds = ApiResourceBed.query();
        };
        var vm = this;
        vm.data = {}
    }

ApiResourceBed 和 ApiResourceRoom 是两个工厂。

我需要一个列出所有房间的选择元素。到目前为止，一切顺利。

问题是，当我选择一个房间时，它会触发 showBeds 功能。现在，我需要一种过滤床阵列的方法。因此，在第二个选择元素中，我只能显示与所选房间相关联的床。

我对 Angular 还是很陌生。有什么想法吗？

更新

ApiResourceBed 工厂声明：

.factory('ApiResourceBed', ['APP', '$resource', function( APP, $resource, id ){
    return $resource( APP.API_REST + 'beds/:id');
}])

【问题讨论】：

显示ApiResourceBed 的$resource 配置。您将 roomId 传递给您的函数，但不传递给 $resource
你看到我的回答了吗？
已通过后端解决。添加了一些额外的行，以便只获得我需要的床。我稍后会检查你的答案。当然它有助于应用程序的另一部分

标签： angularjs angularjs-filter angularjs-resource

【解决方案1】：

这是一个旧答案（由我回答），我在其中构建了 2 个自定义过滤器来过滤选择输入。

2 multiple select and single option list

另一种解决方案是按所选房间过滤选项，但这取决于您的房间对象，我们需要更多信息。这可能是一个例子：

<select ng-model="selectedRoom" ng-options="room for room in rooms"></select>

<select ng-model="selectedBed" ng-options="bed for bed in selectedRoom.beds"></select>

【讨论】：