angular 动态设置blob链接给 ng-href时遇到unsafe 解决方案

  1. angular 默认情况下 的安全协议 是  https?|ftp|mailto|
  2. 当我们使用blob 对象去产生url时，需要设定blob为安全协议
  3. var app = angular.module( ‘myApp‘, [] ).config( [
    ‘$compileProvider‘,
    function( $compileProvider )
    {   
        $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|chrome-extension):/);
        // Angular before v1.2 uses $compileProvider.urlSanitizationWhitelist(...)
    }])
时间： 2024-11-13 08:21:56

angular 动态设置blob链接给 ng-href时遇到unsafe 解决方案的相关文章

jquery动态设置图片路径和超链接href属性

js document.getElementById("myImage").src="hackanm.gif"; jquery $("img", $(this)).attr("src", "../images/select.JPG"); 改变超链接属性类似 jQuery $('#loga').attr("href","#bottomlogin") 原文地址:https

angular 使用blob 产生 url动态给ng-href赋值时候 出现unsafe 解决方案

angular 默认情况下 的安全协议 是  https?|ftp|mailto| 当我们使用blob 对象去产生url时,需要设定blob为安全协议 var app = angular.module( 'myApp', [] ).config( [ '$compileProvider', function( $compileProvider ) { $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|chrom

AngularJS动态设置CSS

使用AngularJS动态设置CSS大致有2种思路: 1.通过动态设置class名称 比如先定义2个样式: .show-true{    display:block;} .show-flase{    display:none;} 在某个元素中: <div class="show-{{temp}}"..... temp为$scope的一个变量,通过设置$scope.temp = true 或 $scope.temp = false来决定temp变量的具体值. 比如: <!d

js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

hadoop 动态设置调整日志级别

Hadoop急诊室的半小时:动态设置调整日志级别 技术 大数据蜗牛 2015.02.03 本文通过一个在实际工作中所遇到的线上问题来告诉广大数据从业者一条通俗有用的人生哲理:线上遇到这样的问题,千万要冷静,越是着急越容易出乱子!心急吃不了热豆腐. 十万火急 上周二,朋友公司的Hadoop集群服务不可用,从早上9点开始一直持续到12点.业务方催得比较急,希望尽快恢复,至少给个可以恢复的时间点.这种心情做过线上服务运维的同学应该都能理解.特别是在没有任何思路的情况下,就只能干着急! 症状了解 朋友联

移动端H5之动态设置html的font-size的横屏BUG修复以及横屏提示 by FungLeo

移动端H5之动态设置html的font-size的横屏BUG修复以及横屏提示 by FungLeo 前言 在上一篇 移动端之在不同尺寸大小的手机上展示同一效果解决方案 中,我们考虑的只是默认竖屏的情况.很显然,如果用户手机允许屏幕旋转,那么在横屏的情况下,页面就变得很恶心了. 因此我们需要进行一个处理,来判断浏览器是否是横屏,在横屏的情况下,要使用高度值来计算html的font-size. 代码 因为项目引入了jquery,因此下面的代码全部是jquery语法. function htmlFon

转：zTree树控件入门之checkbox：如何动态设置节点的checkbox选择框启用与禁用状态（chkDisabled)

当一棵树的部分节点根据登入用户角色不同而决定是否启用节点前的checkbox选择框的时候,我们应该如何做呢?也或者如何在页面加载的时候动态根据当前登入用户角色动态切换节点前的checkbox的禁用状态? 针对上列一系列问题,今天这里将做一个统一的讲解: 关于节点前的checkbox选择框是否禁用,是通过属性chkDisabled来决定的,值为true则表示禁用:反之表示启用: 一.初始化设置节点禁用 示例代码如下所示: var zNodes =[ { id:1, pId:0, name:"随意勾

Angular 动态组件

Angular 动态组件 实现步骤 Directive HostComponent 动态组件 AdService 配置AppModule 需要了解的概念 Directive 我们需要一个Directive来标记动态组件是在哪个容器组件内部进行渲染的. 这个Directive可以获取对容器组件的引用. 仅此而已. import { Directive, ViewContainerRef } from '@angular/core'; @Directive({ selector: '[appAd]'

:style动态设置属性

前段时间做页面时需要动态设置背景图片,每一种框架都会遇见类似的需求,特记录下来,以免不时之需: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> li span { width: 100px; height: 100px; border-radius