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

【问题标题】：Create mailto hyperlink using AngularJS ng-repeat使用 AngularJS ng-repeat 创建 mailto 超链接
【发布时间】：2020-05-24 03:35:10
【问题描述】：

我目前正在使用 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:user1@email.com,user2@email.com,user3@email.com.....">Group Mail</a>

【问题讨论】：

我已经有一段时间没有用 Angular 做过任何事情了，但我觉得这可能不是 ng-repeat 的工作。你能不能在控制器上创建一个函数来返回所有用逗号连接的用户电子邮件并在href 中呈现结果？

标签： html css angularjs angularjs-ng-repeat

【解决方案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>

【讨论】：