Question

我有一个包含成就列表的应用。用户可以在应用中添加成就。成就是存储在firebase中的json对象，如下所示：

 achv_date: "2 February, 2015"
 achv_department:
         digitalInnovation: "digitalInnovation"
         example:"example"
 achv_type: "example"
 date: 1422828000000
 description: "fsafa"
 image: "data:image/j"
 name: "dsa"

这是部门json对象，它被显示在一个用户可以选择的复选框列表中，然后它们也会显示在下拉列表中，供用户对其进行过滤： departments Finance: "Finance" HR: "HR" digital innovation: "digital innovation" example: "example" marketing:"marketing"

我在我的应用程序中有这个下拉列表，我正在制作一个过滤器。那么将显示用户仅选择那些成就的部门。我的html下拉列表如下所示：

<ul id='dropdown3' class='dropdown-content'>
<li  ng-repeat="department in departments"><a ng-click="filterBy(department)">{{department.$value}}</a></li>
</ul>

控制器中的filterBy()方法如下所示：

$scope.filterBy = function(checkbox){
 $scope.department = {};
 $scope.department.achv_department = {};
 $scope.department.achv_department = Object.defineProperty($scope.department.achv_department, checkbox.$id, {value: checkbox.$value});
        }

我也有这个代码以某种方式工作，但它实际上检查用户选择的值并在所有成就属性中查找它。我希望filterBy方法仅在department属性中查看，但我无法弄清楚如何使模型的动态部分工作

$scope.filterBy = function(checkbox){
            $scope.department = checkbox.$value;
   }

任何想法都很难得。感谢

Answer 1

所以我解决了这个问题：

$scope.filterBy = function(checkbox){
            $scope.department = {};
            $scope.department[checkbox.$id] = checkbox.$value;
        }

并在html中添加了这一行：

<li id="item" class="col s12 m6 l4" ng-repeat="(key, meeting) in meetings  | filter:{achv_department : department}" spinner-on-load>

Angular和firebase下拉列表以dinamically过滤

1 个答案: