使用 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:user1@email.com,user2@email.com,user3@email.com.....">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>

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

Create mailto hyperlink using AngularJS ng-repeat

html

css

angularjs

angularjs-ng-repeat