Question

我有以下角度脚本，它除了创建对象列表外什么都不做：

//To get the existing records
$scope.get_records = function(){
  filter_data = {set__iexact: $scope.final_data.set};
  bin.get(filter_data,
        function(data){
        $scope.main_list = data['objects'];
        console.log($scope.main_list);
        angular.forEach($scope.main_list, function(f) {

        });
    },function(data, status){
            console.log('Stage1: Internal error while loading initial data:'+status );
        }
)};

每条记录中的唯一字段是id。我将这些ID显示为HTML格式的表格（tr）。

<table class="table table paleblue table-fixed">
    {%verbatim %}
    <tr align="center" ng-repeat="f in main_list" ng-cloak>
        <td><button class="btn btn-small">{{f.id}}</button></td>
    </tr>
</table>

我的目标是在当前td下方显示一个表格，该表格仅包含该特定ID的元素。我怎样才能做到这一点？如何获取该特定ID，以便我可以与set一起过滤它？有什么想法吗？

Answer 1

您必须添加：

0 - 过滤器：第二行将具有要过滤的其他元素的ID，在我的情况下将是父行。

<tr align="center" ng-repeat="f in main_list" ng-cloak>

将改为

<tr align="center" ng-repeat="f in main_list |  filter:{father:selected}" ng-cloak>

1 - 设置过滤器：单击Id set the filter with the id value, in my case I click a custom link, and set the Id as $ scope.selected`以按其他行中的此元素进行过滤：父行。

<td><button class="btn btn-small">{{f.id}}</button></td>

将改为

<td><a ng-click="$parent.selected=element.id">Show sons of {{element.id}}</a></td>

如您所见，我使用$parent.selected。因为当您处于重复重复时，您处于控制器范围的SUB SCOPE中。

检查Plunkr：http://plnkr.co/edit/vtsOsBFzDPXEPg3QW5yn?p=preview

在基于id的ng-click时显示表

1 个答案: