Skip to main content
Filter by
Sorted by
Tagged with
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 ...
Shakkir Moulana's user avatar
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, ...
user1438038's user avatar
  • 6,009
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 ...
chiranjiv's user avatar
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 ...
Laziale's user avatar
  • 8,185
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 ...
Hoppeduppeanut's user avatar
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 ...
GGizmos's user avatar
  • 3,715
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 ...
Lynob's user avatar
  • 5,265
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' },...
Scrumptious's user avatar
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 ...
AmarDeep's user avatar
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 ...
stackPusher's user avatar
  • 6,452
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 ...
elenat82's user avatar
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 ...
Octtavius's user avatar
  • 591
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/...
Ratish's user avatar
  • 65
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-...
Sasgorilla's user avatar
  • 3,038
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/#!#...
Slava's user avatar
  • 6,538
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 (...
gentiane's user avatar
  • 6,825
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 ...
Steven's user avatar
  • 1,246
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 ...
Manu's user avatar
  • 1,263
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 ...
Paras's user avatar
  • 3,401
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"> ...
user3377206's user avatar
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 ...
saumj's user avatar
  • 171
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 ...
User_3535's user avatar
  • 852
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. ...
Tony Roczz's user avatar
  • 2,378
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 ...
user3125823's user avatar
  • 1,876
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 ...
Austin's user avatar
  • 165
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. ...
Steven's user avatar
  • 435
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 ...
Austin's user avatar
  • 165
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 ...
Austin's user avatar
  • 165
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="...
Pravin Bhasker's user avatar
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 ...
anasqadrei's user avatar
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-...
Vishal's user avatar
  • 6,328
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 ...
CodeMan's user avatar
  • 2,011
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 ...
paulinhorocha's user avatar
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="...
Guillaume Morin's user avatar
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 ...
user3125823's user avatar
  • 1,876
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: ...
Chris's user avatar
  • 442
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:...
Justin P's user avatar
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 ...
SpiritOfDragon's user avatar
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 ...
Luke Hutton's user avatar
  • 10.7k
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 ...
Bruno's user avatar
  • 553
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 ...
MattE's user avatar
  • 1,104
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 ...
CodeMan's user avatar
  • 2,011
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 ...
Jeffery Meurot's user avatar
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: ...
Alvaro Molina's user avatar
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 ...
user3125823's user avatar
  • 1,876
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 ...
user3125823's user avatar
  • 1,876
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 ...
Ali Raza's user avatar
  • 1,131
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 ...
akila arasan's user avatar
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"/> ...
HaveSpacesuit's user avatar
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 ...
streitdoni's user avatar

1
2 3 4 5