Questions tagged angular8

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

mat-autocomplete show the list only on search text

I am building an app and I have the mat-autocomplete. I wanted to show the searched list only on entering certain text in the input text field. I tried certain ways but no luck <mat-form-field class="example-full-width" appearance="fill"> <mat-label>Assignee</mat-label> <input type="text" matInput [formControl]="myControl" [matAutocomplete]="auto"> <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn"> <mat-option *ngFor="let option of filteredOptions | async" [value]="option"> {{option.name}} […]

By indra257
Published
Categorized as angular, angular-material, angular8 Tagged , ,

Inline Editing in Angular Material table

I have an angular material table that does inline editing. When I integrated it with the backend API, the data gets updated in the backend but does not update the values in the table. Any help would be appreciated since I am new to angular. edit-member.ts: import { MemberService } from ‘./../../Services/member.service’; import { Component, […]

By R B
Published
Categorized as angular, angular8, dialog, service, typescript Tagged , , , ,

ngBootstrap Angular 8 – Modal Resizable and Draggable

I am trying to use the bootstrap https://ng-bootstrap.github.io/#/components/modal/examples version 4 with Angular 8. I want to make modal re-sizable and draggable. I see a few examples for other versions like 3.xx but not with angular – http://jsfiddle.net/GDVdN/ Any references for Bootstrap4 with ANgular 8 – Modal resizable + draggable?. Source: Angular Questions

ng-select and ng-option validation

<div class="form-group col-md-3 required"> <label class="form-labels control-label">Region </label> <ng-select [(ngModel)]="regionId" formControlName="regionId" placeholder="Select Region" > <ng-option *ngFor="let region of regions" [value]="region.regionId" >{{ region.name }}</ng-option > </ng-select> </div> All I want is to display a message saying region is a required field in case a user did not select anything from the dropdown Source: AngularJS Questions

By V Shikongo
Published
Categorized as angular8, angularjs, node.js Tagged , ,

How to set autocomplete "off" at application level in Angular?

Is this possible that I can set autocomplete "off" at any one place and it restricts all the inputs of the application in Angular(8 or Later)? Source: Angular Questions

By Gaurav Panwar
Published
Categorized as angular, angular8, autocomplete Tagged , ,

Uncaught Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked

Uncaught Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: ‘ngIf: false’. Current value: ‘ngIf: I have been trying to get updated value on clicking button after going to several sub pages with in the same component, YES and NO value does not update(Only on the current page it works), though I can […]

By kuldeep
Published
Categorized as angular, angular8, typescript Tagged , ,

Validate a list of inputs email Angular 8

I have this code in Angular 8, where it shows me a list of inputs like the image attached. The problem that I have is I have to validate the Syntax of emails when I click in a button "Complete" and also change the color of input if this is invalid: If it was just […]

Remove selected item count from ng-multiselect-dropdown in Angular

I’m working on an Angular 8 web app. I have used ng-multiselect-dropdown for showing the city names. Please see the screenshot below: Please see the implementation code below: HTML <ng-multiselect-dropdown [placeholder]="’Cities’" [data]="itemchild.userAllCities" [settings]="dropdownSettings" > </ng-multiselect-dropdown> TS this.dropdownSettings = { singleSelection: false, idField: "Name", textField: "Name", itemsShowLimit: 0, enableCheckAll: false, }; I need to remove the […]

"Failed to execute ‘setAttribute’ on ‘Element’: ‘‘Event’ is not a valid attribute name." Angular 8

I recently just pulled my project and after running the npm install, and serving, i get no compile error, but when i visit the url, it keeps reloading forever and throwing this erorr which is hard to trace. Source: Angular Questions

By Buchi
Published
Categorized as angular, angular8, angular9 Tagged , ,

Adding toggle inside popover

I am working on an angular application. I have a popover in my application. Code is as follows: <button type="button" class="btn btn-outline-secondary mr-2" placement="bottom" ngbPopover="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." popoverTitle="Popover on bottom"> Popover on bottom </button> Stackblitz: https://stackblitz.com/edit/ngb-popover-expression-changed-after-checked-tu9old?file=app%2Fpopover-triggers.html When the user clicks on this popover it opens and it’s content is visible. […]

By Julie
Published
Categorized as angular, angular8, angular9 Tagged , ,
1 2 3 97

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
faq