Questions tagged drop-down-menu

Explore the latest questions and answers asked by our top developers.

Cascade Dropdown in Angular Reactive Form

For the cascading dropdown, On changing the country, the state value must be reset. How can i achieve that ? This is what i did forked demo Source: Angular Questions

change text area value when select (dropdown) changes using Typescript (Angular6)

I have an issue trying to change the text area value depending on dropdown selection. This is the dialog design: The code I implemented for it is as follows: <div class="modal-content"> <div class="modal-header"> <h5>Send Text Message</h5> </div> <div class="sub-title"> <b>SELECT MESSAGE TEMPLATE:</b> </div> <form> <div> <select name="textmessage" class="select" [(ngModel)]="selectedMessageContentType" (change)="getSelectedTextMessage()"> <option *ngFor="let messageContentType of messageContentTypes" […]

How to use the position relative in angular

i have this dropdown inside another one, but i want to put this second dropdown to the right, i’m trying use position relative like this in the scss .bloco2{ position: relative; margin-right: 200px; } but it remains in the same place, and the margin-top works <div ngbDropdown> <li ngbDropdownToggle> <a class="dropdown-item"> <i class="bi bi-box mx-2"></i> […]

How to dynamically load data into dropdown in ng2 smart table?

I have a ng2-smart table in which there are dropdown columns. I want to load the dropdown value from another ng2 smart table value. I am very much new to this ng2 smart table. Please Help me on how to load the dynamic values into ng2 smart table. static Settings = { add: { addButtonContent: […]

Css getting applied to all pages in angular primeng

I am using p-dropdown and I have applied min-width to p-dropdown panel for two different pages. In page1 css .p-dropdown panel { min-width: 35% } In page2 css .p-dropdown panel { min-width: 20% } When I open page2 after opening page1, then page1 css for p-dropdown panel is getting applied. Source: Angular Questions

By developer user
Categorized as angular, css, drop-down-menu, html, primeng Tagged , , , ,

ngx-select-dropdown makes page blank

Im trying to use nix-select-dropdown to make a searchable dropdown for store id’s. I originally created the page with just a input box and everything worked fine. As soon as I added the ngx-select-dropdown eventing after this tag does not show up nor does the dropdown. before dropdown is added after dropdown is added store-setting-view-page.component.html […]

How to Preselect value using Datalist Dropdown in Angular?

I have an editable dropdown in which I need to autopopulate its default value from a template. The default value is fetched from "this.Model.Application.environment" that has "dev" as a value. The below code gives me a editable dropdown but I need to preselect the value from the template. The [(ngModel)]="this.Model.Application.environment" in is showing the default […]

Drop-down values are not getting properly

[I need to get it like a drop-down list the json that that I am calling is "account":["Insurable","Automobile"],"account":["BNSF","Transport","AI"] Source: Angular Questions

By akhil kumarraghava
Categorized as angular, drop-down-menu Tagged ,

Angular – I am trying to populate and select from dropdown menu from array object values

I am new to Angular i am getting some issues in dropdown and array objects. I am trying to select value from dropdown menu but right now the array values is not populating inside the dropdown menu. i am not getting what is the error. app.component.ts import { Component, OnInit } from ‘@angular/core’; import { […]

Hide input field on certain conditions

I have an input field and I want it hidden, it should only be visible if the selection from the dropdown menu is "Type of Aircraft": Here is the html code: <mat-form-field appearance="outline" class="width-1 col-4"> <mat-label>Type</mat-label> <mat-select formControlName="typeId"> <mat-option *ngFor="let type of typeList" [value]=""> {{ }} </mat-option> </mat-select> </mat-form-field> <mat-form-field appearance="outline" class="width-1 col-4"> <mat-label>Type […]

1 11

Still Have Questions?

Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us