时间戳

首页 > 解决方案 > 如何在锚标记的href中给出angularjs数据绑定值

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

问题描述

我想发送一个以 , 分隔的 angularjs 绑定值到锚标记的 mailto。

team.emails 将有一个邮件 ID 或多个邮件 ID，以逗号分隔。

<tr ng-repeat="team in teamsData">
<td>{{team.name}}</td>
<td><a href='mailto:{{team.emails}}'</a></td>
</tr>

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

标签： htmlangularjs

解决方案

<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>

推荐阅读