物化+角度搜索和分页过滤响应表

Question

StuffieStephie创建了一个非常不错的Pen ， StuffieStephie我的所有需求。

但是，即使我开始使用较新的库，也无法让所有过滤的用户使用该电子邮件-弹出Outlook窗口，但“收件人”列表为空

<div id="email-list" class="modal">
    <div class="modal-content">
        <div class="row">   <b ng-repeat="d in names | filter:filters">{{d.email}}{{$last ? '' : ', '}}</b></div>
    </div>
</div>
<a ng-href="mailto:{{d.email}}{{$last ? '' : ', '}}" class="waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">email</i>Email All {{selected.field}} Volunteers ({{(names | filter:filters).length}})</a>
<a href="#email-list" class="modal-trigger waves-effect waves-light btn margin-bottom-1em">View List of Email Addresses ({{(names | filter:filters).length}})</a>

Answer 1

在代码中定义了$scope.names之后，添加以下内容：（第363行）

$scope.emails = $scope.names.map(n => n.email).join(",");

转到第38行，并将函数更改为此：

$scope.hasChanged = function() {
  $scope.filters = $scope.selected.field;
  var emails = $scope.names;
  if ($scope.filters) emails = emails.filter(n => n.status == $scope.filters);
  $scope.emails = emails.map(n => n.email).join(",");
}

在电子邮件链接部分，使用

ng-href="mailto:?bcc={{emails}}"