ashwani bakshi Ответов: 0

Не удается отобразить изображение из базы данных в angularjs(версия 4?

Уважаемый сэр/мадам
я извлекаю url-адрес изображения из таблицы базы данных и пытаюсь показать изображение в теге, но получаю ошибку:-
sanitizing unsafe URL value

если использовали 
sanitizer.bypassSecurityTrustUrl()
После этого ошибка была удалена, но изображение все еще не было показано.

вот мой код компонента:-

import { Component, OnInit} from '@angular/core';
import { data } from '../Classes/edata';
import { dservice } from '../Service/dataservice';
import {DomSanitizer} from '@angular/platform-browser';
@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  
})
export class HomeComponent implements OnInit {
emp:data[];
  constructor(private _eservice:dservice , private sanitizer:DomSanitizer) 
  {
   }
   public getSantizeUrl(url:string) 
   {
     alert(url);
    return this.sanitizer.bypassSecurityTrustUrl(url);
}
  ngOnInit() {
    this.load();
  }
    load()
    {
      this._eservice.getdata().subscribe((edata)=>this.emp=edata);
    }
}


модель классов:-
export class data
{
    id:number;
    name:string;
    adress:string;
    pic:string;
}


Html-Представление:-
<div class="col-md-4 col-sm-6" *ngFor="let e of emp | paginate: {itemsPerPage:5, currentPage:p}">
                          <div class="property-card card">
                              <div class="property-card-header image-box">
                                  <img src="{{e.pic}}">


Заранее Спасибо За Вашу Помощь.

Что я уже пробовал:

<img [src]="getSantizeUrl(e.pic)">

0 Ответов