Category : html

I have the following structure in my html file <div class="row justify-content-center"> <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12" > // content </div> <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12" > // different content </div> </div> and now I want to swap the content of the columns via drag and drop. I looked at the Angular Material CDK documentation ..

Read more

I use angular 12 for my project and I get a problem, my dropdown from bootstrap don’t show a items My html code: <nav class="navbar navbar-expand navbar-dark"> <a class="navbar-brand" routerLink="/"> <img src="assets/bot.png" alt="END Logo"> </a> <div class="nav navbar-nav"> <a class="nav-item nav-link" routerLink="/commands" routerLinkActive="active"> <i class="fa fa-code" aria-hidden="true"></i> </a> <a class="nav-item nav-link" routerLink="/docs" routerLinkActive="active"> <i class="fa ..

Read more

I am trying to create a dynamic table that is created at the moment of selecting the values ​​in a select, I am starting in this and investigated but so far I cannot find a way to achieve it, all this taking into account that I am working in angular and the list I have ..

Read more

I am trying to create a flex layout grid component of mat-cards in angular like so: <div fxLayout.xs="column" fxLayout="row wrap" fxLayoutGap="10px" ngClass.gt-xs="ml-10" > <app-card fxFlex.sm="0 1 calc(50%-10px)" fxFlex.md="0 1 calc(33%-10px)" fxFlex.gt-md="0 1 calc(25%-10px)" *ngFor="let cardModel of apodCards$ | async" [cardModel]="cardModel" > </app-card> </div> which ends up looking like this: apod row image1 If I use ..

Read more

I have the following Angular code to show "Illegal award number" when the input is invalid. As you can see in the screenshot, when the number is -1 (smaller than the min value), the div is shown as expected. However, if I input some text such as 1-, or an expression 3-4 and hover my ..

Read more