title: How to display image in html page of angular
body: <p>I am using Angular CLI 8.1.0 and i am new into Angular.
  I am not able to display the image in my html page. My path is correct but still not getting the image.
  I am getting error:</p>
  
  <pre><code>&gt; unsafe:C:/nginx/www/repos/Sportaz-repo/VaamozWeb/VaamozBusiness/Pictures/UserApp/Home/Brands/burgerking.png:1
  &gt; GET
  &gt; unsafe:C:/nginx/www/repos/Sportaz-repo/VaamozWeb/VaamozBusiness/Pictures/UserApp/Home/Brands/burgerking.png
  &gt; net::ERR_UNKNOWN_URL_SCHEME
  </code></pre>
  
  <blockquote>
    <p>approval.component.ts</p>
  </blockquote>
  
  <pre><code>ngOnInit() 
    {
      this.col=this.activatedRoute.snapshot.paramMap.get('col');
      this.id=this.activatedRoute.snapshot.paramMap.get('id');
      this.rid=this.activatedRoute.snapshot.paramMap.get('rid');
  
      this.activatedRoute.queryParamMap.subscribe((queryParams:Params)=&gt;{
        let col=this.col;
        let id=this.id;   
        let rid=this.rid;
  
        this.apiService.getVendorById(col,id,rid)
        .subscribe(data=&gt;{
          this.result = data[0]; 
          this.getpath=this.result.strOutletUri;  
          this.finalpath="C:/nginx/www"+this.getpath; 
  
        });
      });
    }
  </code></pre>
  
  <blockquote>
    <p>approval.component.html</p>
  </blockquote>
  
  <pre><code>&lt;img src="{{finalpath}}"/&gt;&lt;br&gt;
  </code></pre>
  
  <blockquote>
    <p>my REST API:</p>
  </blockquote>
  
  <pre><code>[
      {
          "strBusinessName": "Happy Junctions",
          "strBusinessDescription": "Restaurant ",
          "strOutletUri": "/repos/Sportaz-repo/VaamozWeb/VaamozBusiness/Pictures/UserApp/Home/Brands/burgerking.png"
      }
  ]
  </code></pre>