# Category: angular-bootstrap

## How to fill ui-select choices items when user typing?

I am using ui-select to show items in select tag and search in items: <ui-select name=”courseId” ng-model=”vm.course.id”> <ui-select-match> <span ng-bind=”$select.selected.title”></span> </ui-select-match> <ui-select-choices repeat=”item.id as item in (vm.courses | filter:$select.search) track by item.id”> <span ng-bind=”item.title”></span> </ui-select-choices> </ui-select> How can I fill items when user is typing and make remote call instead of repeat directive? For example maybe something like this: <ui-select name=”courseId” ng-model=”vm.course.id”> <ui-select-match> <span ng-bind=”$select.selected.title”></span> </ui-select-match> <ui-select-choices refresh=”vm.searchCourses($select)”> <span ng-bind=”item.title”></span> </ui-select-choices> </ui-select> angular.module(‘rgh’).controller(‘CourseController’, CourseController); […]

## How to select the options of typeahead using the keyboard keys?

I have an AngularJs 1 application, it uses ng-grid, ng-bootstrap and ng-typeahead. angular-ui-bootstrap1.3.3, angular-ui-grid 4.0.10 Ng-grid has a multiple cells and multiples rows, you can navigate through it using the keyboard. when you get to typeahead cell, you can type anything, options will be visible. However if you press the down key to select an option you’ll go to the next row instead of being able to pick an option from the list. If you […]

## Angular Cannot find name ‘Angular’ Visual Studio 2015 Dotnet MVC web app

So I am new in angular and i am working on visual studio 2015 update 3. Simple Angular app work perfectly on VS2015 dotnet MVC project. I have a problem when i downgradecomponent in app.module.ts file angular.module(‘app’).directive(‘viewTest’, downgradeComponent({ component: ViewTestComponent })); error is on angular it says cannot find name ‘angular’ my package.json file { “name”: “angular-quickstart”, “version”: “1.0.0”, “description”: “QuickStart package.json from the documentation, supplemented with testing support”, “scripts”: { “build”: “tsc -p src/”, […]

## AngularJS Formly – dynamic change of field type

What I wish to achieve is a single page (a form) used for both edit and display a record’s data. I would like to have an edit button which would switch modes from edit to display and vice versa. In terms of layout both modes looks the same. In edit mode I have inputs/selects/typeaheads/multiple selects/datetime pickers etc. But in display mode values are displayed like in simple span. Something like that 🙂 So my question […]