:

后端 未结 9 1286
情深已故
情深已故 2020-11-27 12:54

Since upgrading to the latest Angular 2 release candidate, my img tags:



        
9条回答
  •  孤独总比滥情好
    2020-11-27 13:42

    I usually add separate safe pipe reusable component as following

    # Add Safe Pipe
    
    import { Pipe, PipeTransform } from '@angular/core';
    import { DomSanitizer } from '@angular/platform-browser';
    
    @Pipe({name: 'mySafe'})
    export class SafePipe implements PipeTransform {
        constructor(private sanitizer: DomSanitizer) {
        }
    
        public transform(url) {
            return this.sanitizer.bypassSecurityTrustResourceUrl(url);
        }
    }
    
    # then create shared pipe module as following 
    
    import { NgModule } from '@angular/core'; 
    import { SafePipe } from './safe.pipe';
    @NgModule({
        declarations: [
            SafePipe
        ],
        exports: [
            SafePipe
        ]
    })
    export class SharedPipesModule {
    }
    
    # import shared pipe module in your native module
    
    @NgModule({
        declarations: [],
        imports: [
            SharedPipesModule,
        ],
    })
    export class SupportModule {
    }
    
    
    

提交回复
热议问题