Set Image source from pipe in Typescript
<p>I am trying to implement a custom pipe like below</p>

<pre class="lang-ts prettyprint-override"><code>@Pipe({
   name: 'imagePipe'
})

@Injectable()
export class ImagePipe {
  constructor(public someService: SomeService, public storage: Storage) {
} 

  transform(value: any, arg: any) {
     if ((value != null) &amp;&amp; (value!=arg)){
            return this.storage.get(value).then((val) =&gt; {
                            console.log('Your source is', val);

                })
    }
  }
}
</code></pre>

<p>The purpose of this pipe is to search for a value in storage and set the URL of an image. I am applying it like below:</p>

<pre class="lang-html prettyprint-override"><code>&lt;img src="{{info.title | imagePipe : otherTitle | async}}" width="45" height="120"/&gt;
</code></pre>

<p>The console shows a value but the image URL is null.</p>