I'm having some trouble loading an audio file in WAV format returned from the backend as a Blob in Angular. I have in my services the following: getFileBlob(uniformName: string, path: string) { const currentPath = path.replace(/\/g, '/'); return this.http.get(`${environment.api_url}/content/v1.4/${currentPath}/${uniformName}/_blob`, {…
I have a navbar that the selected/active navitem is recognizable by an orange underline. However, when I open another navitem in a new tab (by rightclick), the default navitem is underlined and not the selected one! Here is my navbar:…
The following functions are defined in an Angular component: handleInput(event) { // Validate the input if (event.target.value.length >= 8) { this.validate(event.target.value); } } // Validation logic for provider NG_VALIDATORS will // Logic for NG_VALIDATORS provider, returns validation result to parent…
Although the app works fine despite the error, I am receiving that error in my console because my component has not loaded the 'post' observable from the backend through the postService. My code is: Component export class PostComponent { post!:…
I'm using Angular and want to change the default color of an <input type="color"> element. Currently, it shows black (#000) as the default, but I want to set it to a different color. How can I achieve this? Also, I'm…
//Approach 1: dynamicWidthClass = computed(()=>{ if (window.innerWidth > 992 && window.innerWidth <= 1284) { return "pl-25"; } else if (window.innerWidth > 1284 && window.innerWidth <= 1828) { return "pl-18"; } else if (window.innerWidth < 992 || window.innerWidth >= 1920) {…
I am trying to create refetch functionality. The problem is that because values$ and retryGetValues have different subscribers, my component is not re-rendering. How can I make it so that values$ is recalculated when I press my retry button? export…
I am trying to sum multiple decimals numbers together however when I console the result it is showing a concatenated result with an undefined in front of it for (let i = 0; i < this.performInternationalSwiftPaymentsService.bopSplit.length; i++) { this.totalZARForeign +=…
In my Angular program, have a class called myObj and an array called myArrayObj, that contains many instances of myObj. I am currently storing it into Blob and write into file, as shown below. const blob = new Blob([JSON.stringify([myArrayObj])], {…
I'm using Angular Material for my application and have the following button setup <mat-toolbar> <span> <a routerLink="/">My Messages</a> </span> <ul> <li> <a mat-button routerLink="/create" routerLinkActive="mat-accent"> New Post </a> </li> </ul> </mat-toolbar> Issue: When I navigate to the /create route, I…