angularjs unsafe ng-href using javascript: void(0);

大佬教程收集整理的这篇文章主要介绍了angularjs unsafe ng-href using javascript: void(0);，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

一、在AngularJs的页面中，如果使用数据绑定生成链接，默认会添加'unsafe:'标识，

对于页面定义好的不会添加。

1.页面定义的javascript:void(0);可以使用

<a href="javascript:open2('abc')">abc</a>

2.对于数据绑定的链接或者使用Ng-href产生的链接，默认会添加un-safe

<div class="panel panel-default">
    <div class="panel-title">生成链接</div>
    <div class="panel-body">
        <div class="list">
            <div class="item" ng-repeat="item in items">
                <a href="{{item.link}}">{{item.namE}}</a>
            </div>
        </div>
    </div>
</div>

(function() {
    'use Strict';
    var app= angular.module('module',[
    ]);
    app.controller('myCtrl',function($scopE){
    $scope.items=[
        {name:'百度',link:'javascript:void(0)'},{name:'工具集',link:'javascript:open(3)'}
    ];
    });
    window.open2=function(url){
        alert(url);
    }
})();

页面结果：

解决方案：在模块配置中，修改默认支持的协议javascript

angular.module('app').config( [
    '$compileProvider',function( $compileProvider )
    {   
        $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|tel|file|sms):/);
        // Angular v1.2 之前使用 $compileProvider.urlSanitizationWhitelist(...)
    }
]);

更多：

AngularJS阻止事件冒泡$event.stopPropagation()

AngularJs select绑定数字类型问题

AngularJS路由之ui-router（三）大小写处理

大佬总结

以上是大佬教程为你收集整理的angularjs unsafe ng-href using javascript: void(0);全部内容，希望文章能够帮你解决angularjs unsafe ng-href using javascript: void(0);所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。