使用AngularJS ng-repeat创建mailto超链接

Question

我目前正在使用ng-repeat打印出我们的用户列表。

<div ng-repeat="User in ac.Users | filter:ac.Search | limitTo:ac.Limit"
     style="{{ac.Users.indexOf(User)%2 == 0  ? 'background-color:#f2f2f2' : 'background-color:white' }};">
  <span style="font-weight:600;">{{User.FullName}}</span>
  <span style="font-weight:600;">{{User.EmailAddress}}</span>
</div>

我一直想知道是否可以创建单个mailto:超链接并添加所有用户电子邮件。

<a href="mailto:[email protected],[email protected],[email protected].....">Group Mail</a>

Answer 1

在控制器中：

var arr = $filter('filter')($scope.ac.Users, $scope.ac.Search);
arr.length = $scope.ac.limit;
var emailArr = arr.map(_ => _.MailAddress);
$scope.mailRef = "mailto:" + emailArr.join(",");

HTML

<a href="{{mailRef}}">Group Mail</a>