Question

我需要在页面中显示属性值mailto的链接。正常的href属性值工作正常，但如果值是电子邮件而不是删除

代码：

myCtrl.link = '<code><a href="mailto:sulok@atlogys.com" target="_blank">Email</a></code>';

<code><span ng-bind-html="myCtrl.link"></span></code>

渲染输出：

<code><a target="_blank">Email</a></code>

请建议如何处理href值为mailto:sulok@atlogys.com

的锚点

Answer 1

你正在遇到一个＆＃34;安全＆＃34;问题，请看一下这个doc-page ...

只说＆＃34;这是安全的＆＃34;角度：

＆＃13;

function TestCtrl(vm, $sce) {
  'use strict';
  var htmlString = '<code><a href="mailto:sulok@atlogys.com" target="_blank">Email</a></code>';

  vm.link = $sce.trustAsHtml(htmlString);
}

angular
  .module('test', [])
  .controller('TestCtrl', ['$scope', '$sce', TestCtrl])
;

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<article ng-app="test">
  <div ng-controller="TestCtrl">
    <code><span ng-bind="link"></span></code>
  </div>
</article>

＆＃13;

如果值为mailto：email，则Angularjs href属性将被删除

1 个答案: