Передача значения свойства в адрес <iframe>sr c в моем случае его локальный db принтеров ips - PullRequest
Новая
       40

Передача значения свойства в адрес <iframe>sr c в моем случае его локальный db принтеров ips

0 голосов
/ 28 мая 2020

Попытка передать свойство принтера (в моем случае это просто IP-адрес) в ifame в ngfor, чтобы отобразить iframe для каждого принтера, который находится внутри базы данных.

Я получаю ошибку : "небезопасное значение, используемое в контексте URL ресурса" заранее спасибо. 

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Values } from '../Models/Values';
import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';


@Component({
  selector: 'app-value',
  templateUrl: './value.component.html',
  styleUrls: ['./value.component.css']
})


export class ValueComponent implements OnInit {
  values: any;


  constructor(private http: HttpClient, public sanitizer: DomSanitizer) { }

  ngOnInit() {
    this.getValues();


  }

  getValues() {
    this.http.get('http://localhost:5000/api/values/').subscribe(response => {
      this.values = response;
    }, error => {
      console.log(error);
    })
  }

}
<H2>Printer Manager</H2>




<div *ngFor="let value of values">
  <p>{{value.id}},{{value.hostName}},{{value.location}},{{value.manufacturer}},{{value.ip}}</p>

  <span>Hostname: {{value.hostName}}</span>
  <br>
  <span>Location: {{value.location}}</span>
  <br>
  <span>Manufacturer: {{value.manufacturer}}</span>
  <br>
  <span>IP: {{value.ip}}</span>

  <div id="outerdiv">
    <iframe [src]="values.ip " id="inneriframe" scrolling="no"></iframe>
  </div>


</div>
...