Safeurl | A Laravel package to create safe , SEO | Search Engine Optimization library

I have a class MemberInfo. there is a property which is Photo. Now I would like to create a memberinfo object with property value. the code is below:

I'm not using pipes for the first time, but now I'm trying to use safe pipe which I created in a separated folder "pipes" with PipesModule as below
this is the pipe class:

safe.pipe.ts

I'm facing with an problem which is at my opinion not working. I did install a library in angular cropper.js https://github.com/matheusdavidson/angular-cropperjs And in the Frontend I am dealing with some code that the developer developed this library.

So my iteration will be like this.

the cropped image will be sent to my api in backend and there to save the files and to show the file in some other place.

The actual crop it saves a link with blob and there is my img. The post request it works and I can see the img is there in the folder but when I try to get the image the get it works but in the console of frontend it says me that. GET http://localhost:4200/images/image-1607708300007.jpg 404 (Not Found)

But in the GET request it is the image there.

First off: I'm new to Angular so the terms here might be wrong. I hope I can get the understanding through.

I'm consuming an API. Endpoint A exposes Tickets; these Tickets hold an array (0-*) of Attachments. Those Attachments are not complete; in the data model they contain the base64 string of the content of the underlying file but to reduce general load the Attachments are only complete when fetched from Endpoint B. But in order to fetch an Attachment from Endpoint B I need the Attachment's id which I can only get from Endpoint A.

What I need to happen is that I fetch attachment.id from Endpoint A, use that id to fetch the approriate Attachment from Endpoint B, and replace Attachments in the result from Endpoint A with the result from Endpoint B. However since the Attachments are retreived as Observable I can't just simply assign the value.

The following snippet is one of several attempts at solving this and is able to get the Attachments from the API but they aren't assigned the way I wanted.

I have the following service

This is my first question on stack overflow so bear with it.
I am making a single view app using WKWebView. Which simply loads the web app, using url
What I am doing and What I want, I have explained everything below
Xcode version: 11.7
iOS Version: 13.7
Here is the Outlet in ViewController.

I'm trying render filter(s) in a mat-dialog, I came to a point where it is rendered correctly, but functionally not usable and I'm not sure if this is the right way or not.

here is the code

here is how I create and open the dialog:

I have an API which returns a Product object with an ImageModel attached to it which is an image stored in a MYSQL database table. I understand that this may be simple but I have spent the last 36 hours pulling my hair out trying to figure what is going on here!

So I want to basically display products on an ecommerce site I am creating along with the product image. The API returns the products correctly aswell as the image data, however the front end wont display the image, just the product data.

Here is the response from the API:

Each object in the response list contains the same, just populated with different product data of course. Now, as far as I am aware, I should be able to pass the imageModel data to javascripts filereader to convert it to an image, but it does not seem to work.

This is the code:

I have an angular app. Now I have a link like https://example.com/Exam/denemedir.html . I want to bind this html to div element without using iframe, because I want to effect css code in page.css in angular app. With Iframe css codes doesn't work

This is my html code