如何在锚标签的href中给出angularjs数据绑定值

时间:2018-09-19 05:20:58

标签: html angularjs

我想将以id分隔的mailid的angularjs绑定值发送到锚标记的mailto。

team.emails将使用单个电子邮件ID或用逗号分隔的许多电子邮件ID。

head(merge1)
  Rk            Player Age Pos  Tm GP.x  G  A PTS X... PIM.x EV PP SH GW EV.1 PP.1 SH.1   S   S. TOI.x  ATOI BLK HIT FOW FOL  FO.  PS  X Team
1  1 Justin Abdelkader  30  LW DET   75 13 22  35  -11    78  9  4  0  0   17    5    0 110 11.8  1241 16:33  40 174  47  50 48.5 2.5 NA <NA>
2  2      Pontus Aberg  24  LW TOT   53  4 12  16    9    10  4  0  0  3   11    1    0  70  5.7   645 12:10   8  24   4   8 33.3 1.3 NA <NA>
3  2      Pontus Aberg  24  LW NSH   37  2  6   8    8     8  2  0  0  2    6    0    0  39  5.1   411 11:06   7  16   4   6 40.0 0.6 NA <NA>
4  2      Pontus Aberg  24  LW EDM   16  2  6   8    1     2  2  0  0  1    5    1    0  31  6.5   234 14:38   1   8   0   2  0.0 0.7 NA <NA>
5  3      Noel Acciari  26   C BOS   60 10  1  11   -6     9  9  0  1  0    1    0    0  66 15.2   775 12:55  41 152  42  51 45.2 0.6 NA <NA>
6  4    Kenny Agostino  25  LW BOS    5  0  1   1   -1     4  0  0  0  0    0    1    0  11  0.0    60 12:03   1   4   0   1  0.0 0.0 NA <NA>
  Position GP.y TOI.y Goals Total.Assists First.Assists Second.Assists Total.Points Shots SH. iCF iFF iSCF iHDCF Rush.Attempts
1     <NA>   NA    NA    NA            NA            NA             NA           NA    NA  NA  NA  NA   NA    NA            NA
2     <NA>   NA    NA    NA            NA            NA             NA           NA    NA  NA  NA  NA   NA    NA            NA
3     <NA>   NA    NA    NA            NA            NA             NA           NA    NA  NA  NA  NA   NA    NA            NA
4     <NA>   NA    NA    NA            NA            NA             NA           NA    NA  NA  NA  NA   NA    NA            NA
5     <NA>   NA    NA    NA            NA            NA             NA           NA    NA  NA  NA  NA   NA    NA            NA
6     <NA>   NA    NA    NA            NA            NA             NA           NA    NA  NA  NA  NA   NA    NA            NA
  Rebounds.Created PIM.y Total.Penalties Minor Major Misconduct Penalties.Drawn Giveaways Takeaways Hits Hits.Taken Shots.Blocked Faceoffs.Won
1               NA    NA              NA    NA    NA         NA              NA        NA        NA   NA         NA            NA           NA
2               NA    NA              NA    NA    NA         NA              NA        NA        NA   NA         NA            NA           NA
3               NA    NA              NA    NA    NA         NA              NA        NA        NA   NA         NA            NA           NA
4               NA    NA              NA    NA    NA         NA              NA        NA        NA   NA         NA            NA           NA
5               NA    NA              NA    NA    NA         NA              NA        NA        NA   NA         NA            NA           NA
6               NA    NA              NA    NA    NA         NA              NA        NA        NA   NA         NA            NA           NA
  Faceoffs.Lost Faceoffs..
1            NA       <NA>
2            NA       <NA>
3            NA       <NA>
4            NA       <NA>
5            NA       <NA>
6            NA       <NA>

单击该行中的该列后,应打开“收件人”部分中包含团队电子邮件地址的Outlook。 请让我知道这是否正确。

1 个答案:

答案 0 :(得分:0)

<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.2/angular.js"></script>
</head>
<body ng-app = "myapp" ng-controller="homeController">
	<table style="width:100%">
<tr ng-repeat="team in teamsData">
<td>{{team.name}}</td>
<td><p>
<a href="mailto:{{team.emails}}" target="_top">
Send Mail</a>
</p></td>
</tr> 
</table>  
</body>
<script>
angular.module('myapp', []).controller('homeController', ['$scope', function($scope){
	$scope.teamsData = [{
		name:'john',
		emails:'xxx@gmail.com,yyy.gmail.com,zzz.gmail.com'
	},
	{
		name:'mark',
		emails:'lll@gmail.com,ppp.gmail.com,ooo.gmail.com'
	}]
}])
</script>
</html>