207
questions
1
vote
1
answer
663
views
How to highlight some options of ngb-typeahead based on a condition?
https://ng-bootstrap.github.io/#/components/typeahead/examples#focus
In this demo, I have to make the dropdown options with value which starts with 'M' and 'N' to be permanently highlighted with green ...
0
votes
1
answer
50
views
How to move code of ngTemplate to an actual file?
I'm using AngularJS (not Angular) with the Typeahead directive of UI Bootstrap. For customization one can define a custom template by inserting a script tag of type text/ng-template. This works fine, ...
1
vote
1
answer
211
views
How to break word in uib-typeahead dropdown?
I created uib-typeahead dropdown in my angularJs app. i display two attribute in uib-typeahead dropdown.
i call API based on first name and api give response with object. i print first name and last ...
6
votes
0
answers
126
views
Angularjs typeahead not displaying the options on 2nd input focus
I have a dropdown control and a txt input control which is bound to typeahead control.
Initially when I'll display category
As soon as I get to the input box for filtering and the control gets the ...
0
votes
1
answer
440
views
Using typeahead in AngularJS UI-grid with cellNav
I have an Angular-UI grid defined with ui-grid-cellNav to allow editing cells when single-clicked, along with a custom template to display an Angular-UI Bootstrap typeahead to a particular column as ...
1
vote
0
answers
476
views
AngularJS typeahead directive - get result on select?
I have been trying to implement a bootstrap Typeahead element in my angular project but the examples provided here are pretty complicated and I can't quite parse which of these attributes controls how ...
0
votes
1
answer
122
views
uigrid is catching keyboard key events
Using AngularJs 1.x, I have a datepicker which should pick today when you press t. And I have ng-typeahead which should scroll down the options when keydown is pressed.
They both work fine when ...
0
votes
1
answer
61
views
AngularJS and Typeahead : Accessing an array within an array based on a selected value
I am new in the area concerning AngularJS and would like help figuring this out:
In my controller I have the following list/object:
$scope.languageModel = {
brands: [{ id: 1, name: 'ALGS' },...
1
vote
0
answers
91
views
Multiple dataset not properly working if dataset is more than 6 when remote data sources used
I am using angular-typehead#1.0.2 with typehead#0.11.1 and bloodhound#0.11.1
I am using multiple datasets with Typeahead with remote data sources.
When i am typing word on input text box then ...
1
vote
0
answers
332
views
Match results by beginning of words with uib-typeahead
Is it possible, with uib-typeahead, to match results as long as what is being typed matches any word in a source array's item? For the location example used in the documentation, I'd like to be able ...
0
votes
3
answers
279
views
How to prevent user form ignoring suggestion in angularjs angular-ui-bootstrap uib-typeahead
I am using AngularJS v1.6.6 and angular-ui-bootstrap Version: 2.5.0 to create an autocomplete field.
It all works correctly but I need a way to be sure that the user actually selects the option from ...
1
vote
1
answer
732
views
How to display only property that has a match in array of objects? Typeahead
Hi I have an array of objects that I want to filter using typeahead.
this is my input tag
<input type="text" ng-change="onedit()" ng-model="selected" uib-typeahead="state as state.city for ...
0
votes
0
answers
166
views
Change Search result view of uib-typeahead
What I am trying to do is similar to this but I want in group that all cities of a state should come under that state heading. I have to use Uib-typeahead only.
Refer link below.
https://codepen.io/...
0
votes
1
answer
773
views
How can I manually propagate a value to the directive's parent scope in AngularJS?
My AngularJS typeahead FaveDirective needs to bind a single value to the parent scope, and call an update function when that value changes:
Parent html:
<div class="parent-controller-scope ng-...
0
votes
1
answer
1k
views
Why my Angular-UI typeahead is not working?
I am writing AngularJS 1.5+ app with TypeScript using AngularJS components.
I want to use ui.bootstrap.typeahead directive from UI Bootstrap library:
https://angular-ui.github.io/bootstrap/#!#...
3
votes
1
answer
2k
views
Unit test a component containing a ngbTypeahead
I have a component that contains a form with 3 input texts. Two inputs are pure text boxes, and one is a text box with the ngbTypeahead diretive of ng-bootstrap.
My form is built using FormBuilder (...
0
votes
1
answer
1k
views
Dynamic dropdown list uib-typeahead in AngularJS
I have a data management application that plays with some big tables.
We have implemented local storage solutions to make it smooth on slow connections, but we're facing an issue when trying to ...
6
votes
1
answer
16k
views
Choosing multiple values in ng-bootstrap Typeahead
I am using typeahead from Angular ng-bootstrap - https://ng-bootstrap.github.io/#/components/typeahead/examples
Everything is working fine, but I want multiple values on one single text box.
As that ...
0
votes
0
answers
754
views
AngularJS: Best way to create a typeahead if search result contains 200 Items?
I'm using angular-bootsrap typeahead to provide a search functionality. For some cases the search data is almost consisting of more than 200 items which is taking a lot of time to create the DOM.
What ...
1
vote
1
answer
1k
views
uib-typeahead dropdown width
I have the following html structure
<div class="search">
<div class="input-group">
<div class="input-group-btn" ng-show="categoryEnabled === true">
...
3
votes
0
answers
327
views
How to close angular bootstrap typeahead when multiple fields with the typeahead exist?
I am using angular bootstrap typeahead. I need typeahead on multiple input fields. Is there some option I can use that I am missing out on? Or do I need to add something hacky to achieve this?
The ...
0
votes
0
answers
33
views
Change UI typehead value based on user select
I am using this directive https://angular-ui.github.io/bootstrap/#!#typeahead
Normal typehead works fine but how to change the source based on user select ? In jQuery we can change but how to do it ...
0
votes
0
answers
444
views
Angular - uib-typeahead add icon to every list item with separate ng-click option
I have a uib-typeahead where i have list of items. I would like to provide the user with the option to add particular value as favourite for that i need to show a star icon infront of every list item.
...
4
votes
1
answer
8k
views
Using http with ngBootstrap Typeahead for Angular 4
I'd like to use ngBootstrap for Angular 4 Typeahead for autocomplete. The example they have for remote data retrieval is using Jsonp and not http. I've been trying to find some more info to replace ...
0
votes
1
answer
1k
views
Angular UI-Bootstrap typeahead in table
Simple question really, but how can I setup the typeahead to work in a table that works off of a different table than my typeahead?
For Example, I have a foreign key in a table and I want to let the ...
0
votes
2
answers
2k
views
angular bootstrap typeahead not working with a dynamic list retrieved by ng-change
I am working with typeahead directive in angular-bootstrap. My problem is when user change the input, I want to trigger a ng-change event to get the list from the server, then filter the results. ...
0
votes
2
answers
1k
views
Angular UI-Bootstrap Typeahead: Accept top item as selected on ENTER
Simple question, but is there a way to have the first item in the dropdown results be the selected item when ENTER is pressed?
An example of this is the user types in "PC0" and sees "PC001" listed ...
1
vote
2
answers
891
views
Angular uib-typeahead is not working correctly
I have researched and looked through other solutions, but I cannot seem to get this to work still.
My primary issue is that the uib-typeahead seems to not work at all, either by just pointing to a ...
0
votes
1
answer
238
views
typeahead in angular js not working
I am working in a project where i have to retrieve details from mongod and show it as a type ahead in a text box .
My code is
Html :
<div class="form-group">
<label for="...
4
votes
1
answer
359
views
How to align Angular UI Typeahead to the right
I'm using angular-ui-bootstrap in an RTL language website (in Arabic). Typeahead aligns all results to the left by default. How to change it to right?
This is mentioned in the angular-ui-bootstrap ...
0
votes
1
answer
830
views
Unexpected Behavior in typeahead - is this a bug?
I have an input using typeahead as follows:
<input type="text" id="unit" name="unit" class="form-control form-input" ng-model="item.unit"
autocomplete="off"
typeahead-min-...
0
votes
1
answer
818
views
How to access controller value in custom typeahead templates
I have scope values in controller.I need to display scope values in custom type ahead template.
But custom template will not access the controller values it always display empty.
In my scenario i ...
0
votes
1
answer
151
views
Angular typeahead shows suggestion on top of results
Im using Angular UI typeahead directive. I have set a custom template for the popup but, it shows a "preview" above my list of results. What is weird is if I try to inspect the infringing element, it ...
3
votes
2
answers
2k
views
How to cancel typeahead-wait-ms on key press
Using an angular-ui typeahead with a wait specified
<input type="text"
ng-model="selected"
uib-typeahead="state for state in states | filter:$viewValue | limitTo:8"
typeahead-focus-first="...
1
vote
0
answers
116
views
Angular $http get parameters
I'm trying to figure out how to include query parameters in an Angular $http get call to a service to retrieve search suggestions AND then search, search is not working - I can get suggestions. I'm ...
2
votes
1
answer
2k
views
Angular UI Bootstrap TypeAhead - How to force a user selection
If a user enters a partial word that matches a typeAhead result, but doesn't select one of the popup options, how can I make it required that user actually select one of the popup options?
Example: ...
0
votes
2
answers
808
views
Angular UI Typeahead - Using an array of Key/Value pairs
I can't seem to get typeahead to work with using key/value pairs. Since each key is different, and I want to only show the value as typeahead value.
Here is an example of an array I'm trying to use:...
0
votes
1
answer
738
views
Angular UI Typeahead - Trigger typeahead-on-select when ng-model is updated
I have a directive and I am using angular ui typeahead. The myModel has 2 way binding. I will be updating the myModel value in the controller and I want to trigger typeahead-on-select whenever the ...
1
vote
1
answer
1k
views
Open AngularUI Bootstrap Typeahead Matches Results via Controller
Is there anyway to trigger opening the match results on a typeahead input text box from the controller?
use case:
user goes to https://example.com/search/searchText
controller of page sets the ...
0
votes
1
answer
947
views
AngularJS Bootstrap UI Typeahead Not Working Properly with Custom Popup Template
I'm working on a .NET MVC application that has some AngularJS pages in it. I'm trying to use Bootstrap UI Typeahead but it's not quite working properly.
If I start to type in the textbox the ...
0
votes
0
answers
306
views
Angular UI Bootstrap TypeAhead for Multiple Arrays
Having an issue getting the Typeahead feature working properly in UI-BootStrap with large datasets. I've got nearly 92,000 records coming back and it seems the maximum number of records that can be ...
0
votes
0
answers
52
views
Bootstrap Typeahead using angular not displayed dynamic scope value
Typeahead is working fine if scope assigned in static but Typeahead is not displayed when "lists scope" is dynmaically change.
When user type in input box we calling filterResponse() and return the ...
2
votes
1
answer
260
views
Asynchronous Angular-bootsrap-UI typeahead: select directive issue
My application is using the Angular-Bootstrap-UI-Typeahead feature for auto complete.
As the user types, i'd like to be able to call an API & return similar strings.
I've followed the guidance ...
0
votes
2
answers
255
views
UIB Typehead dont show the dropdown
I have a typehead of UI-Bootstrap but when the data is received the dropdown dont show.
$scope.obtainUsers = function (valor) {
console.log(valor)
$http({
method: ...
0
votes
1
answer
238
views
$state.go on search input
I've built a small movies search app with AngularJS, UI Router, UI Bootstrap Typeahead and Elasticsearch. For reference, I asked this yesterday here and received a good, quick answer. I managed to get ...
0
votes
1
answer
881
views
No search on Enter key
I just built a small search app for movies using AngularJS and Elasticsearch. I used the AngularJS UI Bootstrap Typeahead for autocomplete and in testing noticed something about user interaction.
Say ...
2
votes
3
answers
2k
views
Typeahead is not working when user types very fast
I am using typeahead where on typing its showing suggestions in a search box, while suggestions are getting from the server.
Its working fine except when user types really fast. For example if we ...
0
votes
2
answers
832
views
Angular Typeahead results shows undefined
I have been learning Angular and tried to implement it in a mock up.When I tried to implement Angular typeahead ,the results of typeahead is shown as undefined can anyone suggest me where I am going ...
1
vote
1
answer
376
views
How to truncate the length of a result in AngularJS uib-typeahead
I'm using the Angular UI Bootstrap typeahead as follows:
<input type="text" ng-model="selectedUser"
uib-typeahead="user as user.Name for user in allUsers | filter:$viewValue | limitTo:8"/>
...
1
vote
0
answers
78
views
Using different Events in single input field with angularjs, typeahead and angular-validators
I am using an input field which has several extentions.
The input field contains a validation called generalValidation. ng-model-options="{updateaOn:'submit'}" is set because the validation has to be ...