is-loading | Simple library to show visual feedback | Video Player library

I'm getting a problem with 'controls'enter image description here enter image description here "Object is possibly 'null'.ngtsc(2531)" and "Element implicitly has an 'any' type because type 'AbstractControl' has no index signature. Did you mean to call 'get'?ngtsc(7052)"

you can get an idea from this site https://csharp-video-tutorials.blogspot.com/2018/10/angular-dynamic-forms-tutorial.html what I want to do! I want to use formArray to check the validation. You can see below the picture whole hour input are displayed validation error. Because I didn't use formArray. when I implemented formArray It will get an error on this spot.

in the beginning I used this => *ngFor="let skill of employeeForm.get('skills').controls; let i = index" but the controls word is shown as an error!!!

.HTML

I have an audio script with play/pause, I want to make the audio stop when I click on the square button at the left, and to add the timing to the right

here is the code: https://codepen.io/Amirafik/pen/YzxQZQw

HTML

I am using Vue 3, with the script setup and the composition API. I am coming from Svelte, so using the script setup really reminds me of the simplicity of Svelte.

But I'm confused as to why this isn't working.

I have this template code:

I am trying to achieve the behavior with CSS (or js if needed) for a svg icon. The structure of my HTML is something like this:

When I try to implement a WebMvcTest it attempts to instantiate every application controller rather than just the one indicated on the @WebMvcTest annotation.

Without any luck or success, I've read these articles:

• Spring Boot Testing @WebMvcTest for a Controller appears to load other controllers in the context
• @WebMvcTest fails with java.lang.IllegalStateException: Failed to load ApplicationContext
• @WebMvcTest creating more than one Controller for some reason
• Test slice with @WebMvcTest is loading a substantial amount of controllers unrelated with the target

And here are the parts of my code that I found relevant

How to prevent manual entry in angular dropdown?

For example my search dropdown value is like RAM, RAJ, KIRI, GURU..... and so on and it has the id value of 1, 2, 3, 4..... and so on

my problem is if I type in input value for search. It must be not to accept the manual type search entry value if I click submit. How to do that? help me to solve it

I'm not too familiar with jquery and javascript in general, so bear with me here. But, I'm trying to create an image gallery with zoom on hover using EasyZoom:https://i-like-robots.github.io/EasyZoom/. I want to achieve something like what is under the "with thumbnail images" in the link.

So far, I've created the divs with images in them, copied the CSS and javascript files from GitHub, and linked my HTML page to them, see specific code below.

But, I'm obviously missing something here. In the JS file, I found a spot where it said @param {Object} target am I supposed to specify the objects in the HTML where there needs to be Easyzoom? If so, how? I'm also confused as to how i can specify that I want an image gallery with Easyzoom. So, if anyone could help me with this, it would be great.

HTML code (I have a list of image links that I got from a Django model under 'images')

I have multi exported function to handle API request. I stuck with some problem.

Please read my code here:

How do i catch if form submit fails in vee-validate? I have the following component