Comments (5)
Hello, I think you're doing something wrong. "initialValue" works nicely. You can make it work like this:
ts:
initialVal={
id: 1,
name: 'Georgia',
},
template:
[initialValue]="initialVal"
Thank you.
from angular-ng-autocomplete.
Hi @gmerabishvil, I have a simular problem. Can you help me?
I try to do a cities autoComplete with API data, but I shuld to return "id" not "city".
My Component.ts
keyword = 'city';
keywords = ['country', 'city'];
listPlaces() {
this.service.getCities().subscribe((data) => {
this.palce = (data.data as PlaceModel[]).filter((func) => func);
});
}
My HTML
<select [(ngModel)]="keyword" [ngModelOptions]="{standalone: true}">
<option *ngFor="let item of keywords" [value]="item">{{ item }}</option>
</select>
<div>
<ng-autocomplete
(click)="listPlaces()"
formControlName="idSrc"
[data]="place"
[searchKeyword]="keyword"
placeholder="Cities"
historyIdentifier="city"
[itemTemplate]="itemTemplate"
[notFoundTemplate]="notFoundTemplate">
</ng-autocomplete>
<ng-template #itemTemplate let-item>
<span [innerHTML]="item.city"></span> |
<span [innerHTML]="item.country" ></span>
</ng-template>
<ng-template #notFoundTemplate let-notFound>
<div [innerHTML]="notFound"></div>
</ng-template>
</div>
from angular-ng-autocomplete.
@sergiofsu1bank Please, check the docs. Thank you.
from angular-ng-autocomplete.
Is there further documentation beyond the readme.md?
I'm trying to use a formControlName that targets a numeric ID in the form, and presently the value is being set to an entire data object. I suppose one has to use the (selected) output instead to update the form value with a property of the selected data object?
from angular-ng-autocomplete.
@Mark-Hetherington Hello, no, readme.md is the only documentation for now. If you use forms you can set default value by setValue or patchValue. It will work.
from angular-ng-autocomplete.
Related Issues (20)
- Material Icons in angular universal HOT 3
- Not Found is not displayed when the data is updated in inputChanged.
- IE11 Specific Issue- When no results found dropdown is getting extremely long [Height issue]
- Need max-length property in input field HOT 1
- when hovering items from the list, trigger mouseover and mouseout events
- Critical accessibility warnings when using axe (a11y checker)
- selectedValueRender not working HOT 4
- Lists are all bold if item has space
- TypeError: this.data.filter is not a function
- Need button to Add new entry with list (Custom Template) HOT 1
- Not displaying values until another button is pressed HOT 1
- ng-autocomplete component does not allow displaying results with 'accent' if the query does not have it
- Warning needed about HTML Injection (Sanitized) with user-entered data
- Loading time issues with large dataset (12K elements)
- @angular/core/core"' has no exported member 'ɵɵFactoryDeclaration HOT 1
- Open panel on button click
- ngModel not working with latest version
- Feature Disable Named Entity Recognization Feature
- Styling of the input fields
- Performance optimization
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-ng-autocomplete.