一、在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()