angular-bootstrap

I have created a small plunker to show that this is not working. Can anyone please help me how to use typeahead with 1.3.0 angularJS /provide alternate solutions. We are using it with angular-bootstrap 0.11.0 and the latest version of bootstrap. Our code heavily relies on ng-messages introduced in 1.3.0 Here is the plunker link As you can clearly see, the click events, up arrows and down arrows dont work. Adding some code to make SO happy. :) <div class="container-fluid" ng-controller="TypeaheadCtrl"> <h4>Static arrays</h4> <pre>Model: {{selected | json}}</pre> <input type="text" ng-model=

I am trying to implement ui-bootstraps carousel but when the page loads the first image doesn't show but the controls and indicators do. Then, when the second image shows, I can use the controls to go back to the first image and it will show fine. I can use the controls to get to the last slide or let it slide automatically but when I get to the last slide the carousel stops working and gives the error "Cannot read property 'slide' of undefined" which points to line 576 of the ui-bootstrap-tpls.js file. Not sure what I'm doing wrong as this seems pretty simple to implement, here is my code and

I want to show a modal box asking the user if they want to delete a post or not. I can't figure out how to pass the key which I pass in the key argument in which I also can alert. I took the code from the angular twitterbootstrap site but I can't figure out a method to pass data to confirm the remove. Thanks Mohammad $scope.deletePost = function(key, post, event) { alert(key); var modalInstance = $modal.open({ templateUrl: 'deletePost.html', controller: ModalInstanceCtrl, resolve: { items: function() { return $scope.posts; } }, }) modalInstance.result.then(function(selectedItem) { $scope

I'm making migration from asp.net web forms to Angular 4. I'm making it step by step. Replacing one part and placing it in production. I face a problem with loading same Angular app several times in page. For example with code <root tag="table-ep-component" data="5800"></root> <root tag="table-ep-component" data="3333"></root> there is only one loaded app in the page - the first one. How can I make them work both? Any suggestions are welcome You can use Applicationref.bootstrap method to do it working: abstract bootstrap<C>( componentFactory: ComponentFactory<C>|Type<C>, rootSelectorOrNode?:

I am trying to add a button to the accordion that has a dropdown menu but it doesn't seem to be working a: 1) button is too big so it goes past the accordions header. 2) The dropdown menu ends up inside the accordion header/group and not on top of everything else. What is the best way to fix these? I want The following is my code for the accordion group: <accordion-group is-open="true"> <accordion-heading> <div class="btn-group" style="float:right;"> <button type="button" class="btn btn-info">Info</button> </div> </accordion-heading> </accordion-group> This post is similar, but I want the