【angular】a标签unsafe javascript void(0) safari功能异常 aHrefSanitizationWhitelist

最新推荐文章于 2022-04-27 10:26:52 发布

原创最新推荐文章于 2022-04-27 10:26:52 发布 · 839 阅读

0 ·

CC 4.0 BY-SA版权

angular 工作记专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何解决AngularJS-datepicker插件在Safari浏览器中因a标签的href属性被标记为unsafe而导致的功能异常问题。通过配置aHrefSanitizationWhitelist，允许特定的链接前缀，确保了日期选择功能的正常运行。

日期选择插件angularjs-datepicker（2.1.23）中`a`的`href`属性都变成了`unsafe:javascript:void(0)`，导致safari浏览器日期选择功能异常

在这里插入图片描述

增加配置 aHrefSanitizationWhitelist

// 解决a标签中href链接含有unsafe而不能正常跳转或功能异常问题
angular.config(/*@ngInject*/function ($compileProvider) {
    $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|javascripts):/);
});

拓展

// 解决ng-href生成的链接提示unsafe而不能跳转的问题
angular.config(/*@ngInject*/function ($compileProvider) {
    $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|tel|file|sms):/);
});