Questions tagged [angular-strap]

AngularStrap is a set of native directives that enables seamless integration of Twitter Bootstrap into AngularJS applications. With no external dependency except the Bootstrap CSS styles, AngularStrap is light and fast. It has been built from the ground up to leverage ngAnimate!

Filter by
Sorted by
Tagged with
1 vote
0 answers
81 views

using mgcrea.ngStrap - AngularJS

I am having a discussion with my colleague, who is emphasizing on using $('#createModal').modal('show'); instead of the above plugin. I am creating the modal via code below: $scope.createModal = $...
qkhan's user avatar
  • 11
0 votes
1 answer
223 views

How to capture the closing event of an aside when clicked outside or ESC in AngularJS?

I have a case where in which 2 asides are loaded and I have to clear a variable when the aside is closed pressing ESC or by clicking outside the aside. I searched online and found that the following ...
Cyber Square Professional's user avatar
0 votes
1 answer
326 views

TemplateCache of NPM Modules not loading (AngularJS 1.X and Webpack)

I created a angular 1.x project using fountain-angular yeoman generator with webpack for module management. I then added angular-strap as a dependency to this project. Now when i try to use angular-...
balachander j's user avatar
0 votes
0 answers
278 views

angular strap modal on hide event

Currently, I m trying to fire an event when I close my modal. I found this plunker with the functionality what I want to create. When I try to recreate this plunker in my own js file, it doesn't seem ...
B.Termeer's user avatar
  • 315
0 votes
1 answer
110 views

angular strap typeahead filter otions issue

I am trying to use typeahead from angular strap. I have array for typeahead: `$scope.icons = [ {value: 'idGear', label: 'Gear'}, {value: 'idGlobe', label: 'Globe'}, {value: 'oidHeart', ...
Serhii Andronik's user avatar
2 votes
0 answers
107 views

best way to load angular-strap modules selectively?

I want to avoid including the whole library into my application: i.e. <script src="//cdnjs.cloudflare.com/ajax/libs/angular-strap/v2.3.8/angular-strap.min.js"></script> For instance, I ...
Angel Alvarado's user avatar
2 votes
0 answers
108 views

Angularstrap Select - long lists cannot scroll on the ipad

It looks like for long list the dropdown menu cannot be scrolled on an ipad. How can I make it scrollable? I have tried to create a template too with no luck. http://plnkr.co/edit/...
echo's user avatar
  • 99
1 vote
1 answer
503 views

How to normalize style of bs-datepicker nested in table

I have a bs-datepicker from angular strap as a td element in a table but the datepicker is inheriting the style of the table (which I would like to keep as is). It is throwing off the look of the ...
Ross Krasner's user avatar
2 votes
1 answer
633 views

How can I reliably set focus on elements inside of my AngularStrap tooltip?

My team uses AngularStrap to integrate Bootstrap modals (e.g. popover, tooltip, etc.) into our Angular 1.5 app. Unfortunately, I have found it extremely difficult to reliably set focus on elements ...
Yuri Dogandjiev's user avatar
3 votes
0 answers
509 views

When scroll bar is clicked bsDatepicker popup hides

I have a fixed height section containing the form. The section has a vertical auto scroll. The form has a date picker widget (bsDatePicker angular-strap.js) When I click on the date picker, the ...
Kumar's user avatar
  • 31
0 votes
1 answer
109 views

Angular-strap modal scope

I am working with angular-strap and specially with its modal, I am using this style while coding. it is parts of my controller: function parentController($scope, $routeParams, $location, $modal) { ...
Saeed's user avatar
  • 5,423
1 vote
1 answer
660 views

AngularJS call AngularStrap Modal from service

I am trying to create a service to display Angular-Strap modals since I have many different parts of code that will need to trigger a modal and I don't want to run into a situation where I would have ...
Funn_Bobby's user avatar
0 votes
1 answer
185 views

How to apply css styles to Popover using onBeforeShow() of Angular-strap

Please let me know about applying CSS(left) styles using onBeforeShow() event of Angular-strap Popover lib. Basically, I want to reduce the left position of the pop-over by 50-100px in order to ...
Veeresh Devireddy's user avatar
1 vote
1 answer
243 views

bs-select (angular-strap) dropdown open by default when page load

I am using the plugin provided from github. How can I default open the dropdown when page loads? I tried different options like bs-show="true" then get Id of the select and add click event, but ...
undefined's user avatar
  • 3,464
1 vote
0 answers
92 views

How to upgrade from angular-strap-0.7.5

I've inherited a project using angular-strap-0.7.5. I've upgraded Angular from 0.10 to 1.6.4, and resolved most of the problems (very few, btw). However, bsPopover is crashing and here's the stack ...
russellr's user avatar
1 vote
1 answer
931 views

Slick slider overlapping images with angular strap

I have a problem implementing angular strap and slick carousel. I have angular strap for handling tabs and slick carousel for each content of different tabs. The problem is that when I change the tab, ...
Emily's user avatar
  • 314
1 vote
1 answer
246 views

How to close angular-strap modal from controller when calling from factory

Well, so I have seen a lot of people struggling to close the angular-strap modal from controller. I got some of the answers, but actually they do it differently (I do not want to change the code style)...
undefined's user avatar
  • 3,464
0 votes
1 answer
192 views

onselect not calling function when a match is selected error Uncaught ReferenceError: myFunction is not defined

I am trying to use bs-typeahead directive from angular-strap. * Update * http://mgcrea.github.io/angular-strap/#/typeaheads I want a fucntion to be executed when a user selects something from ...
undefined's user avatar
  • 3,464
0 votes
1 answer
240 views

AngularJs AngularStrap bs-DatePicker returns undefined on ngModel

I have a problem when I try to recieve the value from ngModel in my controller. The ngModel works since it sends the value to my input when the page loads, but when I change the input value the ...
AdrnHdz's user avatar
1 vote
0 answers
72 views

angular-strap decorating $select provider

I am using mgcrea.ngStrap and i am trying to change some methods in $select provider. Is there any way to decorate some functions inside this provider? To be precise here is the code of the provider (...
tony's user avatar
  • 131
0 votes
2 answers
694 views

bootstrap-timepicker not displaying model values on load

I have the following element: <div class="input-group bootstrap-timepicker"> <input type="text" class="form-control timepicker" name="start-time" ng-...
Rory's user avatar
  • 798
-2 votes
1 answer
46 views

Angularstrap datapicker multi select

i have searched deep into web, but found nothing, do you know if there is a way to select multiple days using angularstrap datapicker? There is always something similiar to Bootstrap UI: https://...
Pds Ink's user avatar
  • 765
0 votes
1 answer
439 views

Protractor randomly doesn't synchronize to an Angular page

I am using Protractor 4.0.14 to test an Angular application. Lately, I have been getting random errors and I don't understand why. It's like Protractor is loosing the synchronization. I try to ...
bwarff's user avatar
  • 365
0 votes
2 answers
45 views

Angularstrap datapicker There is an "easy" way to remove day name

I just want to remove this tr, there is no particular css selector by default i wonder if there is an custom way to remove it
Pds Ink's user avatar
  • 765
0 votes
1 answer
474 views

Checkbox is not updating model in ngstrap modal dialog

In directive, we have set $scope.checkValue = true, and the same scope is passed to ngstrap modal dialog. below is the code from directive link function which is called on button click and popup the ...
REGY VARGHESE's user avatar
0 votes
0 answers
81 views

Angularstrap modal doesn't show up

When I trying to show a modal window in Angularjs Application with AngularStrap, I am always getting an error saying "Cannot set property 'zIndex' of undefined". My code is below: var storageModal = ...
Murat Topçu's user avatar
0 votes
0 answers
308 views

Bootstrap 3 multilevel menu with angular-strap (without jquery)

I am working on an angular js 1.3.x project using bootstrap 3. I combine both by using angular-strap library 2.3.12 and I have to add submenus on my menu. I 've seen that bootstrap 3 removed submenus ...
isin's user avatar
  • 155
1 vote
1 answer
166 views

mgcrea.ngStrap.select onSelect callback isn't working

I'm using angular strap mgcrea.ngStrap.select (http://mgcrea.github.io/angular-strap/#/selects) I'm trying to use onSelect callback but the callback never called, I tried using the following: <...
Dor Cohen's user avatar
  • 16.8k
1 vote
1 answer
356 views

Angular Strap typeahead popover displaying in wrong position

I am using angular-strap 2.3.9. And using following code for bootstrap typeahead: <input type="text" class="form-control" ng-model="list" bs-options="val.description as val.description for val in ...
Naren's user avatar
  • 1,300
2 votes
2 answers
1k views

How to change dynamic language in angular-strap datepicker?

I use angular-strap datepicker in my project. Unfortunately, I didn't find there opportunity for dynamic changing locale. I need to redraw datepicker on every $localeChangeSuccess, but I don't know ...
longroad's user avatar
  • 405
1 vote
0 answers
49 views

Menu Items in AngularStrap Popover?

Using popover button able to get menu items. But it's not showing any alert. Not Alert, Button also not displaying. Please Help. //test.js var contentBody = '<div>'+ '<ul">'+ '<li&...
shaan26's user avatar
  • 37
0 votes
1 answer
121 views

using Angular Strap, not able to popover the selection menu?

//test.js $scope.popover = { "title": "Title", "content": "<select ><option value = "volvo"> Volvo </option> <option value = "saab"> Saab </option> <option ...
shaan26's user avatar
  • 37
1 vote
1 answer
69 views

Dismiss angularstrap calendar when typing and show up when click input

I'm having trouble to dismiss the calendar when typing date by hand and popup when its clicked again. Are there any other way I tried below that I can dismiss the calendar? <input type="text" ng-...
fsi's user avatar
  • 1,319
1 vote
2 answers
842 views

How to pass scope to AngularStrap $Alert?

I'm just new in angular and I'm making a customize alert using angularstrap and repeat a data on object using ng-repeat here is my angular code let alertExcpetion = $alert({ placement: 'top-...
Liky's user avatar
  • 107
0 votes
1 answer
793 views

How to know if invalid date was entered using Angular-Strap datepicker

I'm using a very simple implementation of the Angular-Strap datepicker directive. On the home page for Angular-Strap, if something invalid is entered, the input text elements indicates this by ...
Michael Witt's user avatar
  • 1,582
0 votes
1 answer
4k views

AngularJs auto-complete Search bar with Dropdown list having Images with Text

I need to implement a drop-down with options having both images and respective text, where a user can type the search query and with each key strokes the drop down list updates. I used Angular-Strap ...
dumb_iam's user avatar
1 vote
1 answer
52 views

Why does resolve not function as I expect in angular-strap?

I have been attempting to shift from ui-angular to angular-strap. I first shifted to using bs-tooltip instead of tooltip. This part is working fine. Next I attempted to shift my modals and here I ...
JoelParke's user avatar
  • 2,676
6 votes
3 answers
2k views

Safari: Conflict between custom auto complete and system contact autofill

We have a webpage which contains a text <input> to which we attach a custom auto complete component (using AngularStrap's Typeahead to be precise). Safari obviously thinks, that the input ...
qqilihq's user avatar
  • 10.9k
1 vote
0 answers
181 views

Angular Strap "bs-tabs" directive: model does not update

For a project at work, I have to use the "bs-tabs" directive in "Angular-Strap". There are two panels in the implemented page. In the first panel you can choose a customer. Each time after selecting ...
Yasemin's user avatar
  • 45
0 votes
2 answers
73 views

how to work with data from another controller in modal window?

I have a question about how can I get data from a controller and put it into a scope of another controller which is modal window... I will explain: here is my event, which opens dialog window (...
Costa's user avatar
  • 1
0 votes
1 answer
628 views

How to pass local scope of nested ng-repeat element with ng-blur?

I have three nested ng-repeatelements. I would like to access the scope of the elements in the innermost nested ng-repeat with a function called by ng-blur. I know I can access the scope of the ...
lsimmons's user avatar
  • 677
3 votes
1 answer
146 views

How to make AngularStrap typeahead selection uneditable

I'm using AngularStrap's typeahead element: <input type="text" ng-model="selectedFruit" bs-options="fruit for fruit in fruits" placeholder="Begin typing fruit" bs-typeahead> When a fruit is ...
lsimmons's user avatar
  • 677
1 vote
1 answer
724 views

Functions like onBeforeShow not working in angular-strap popover

I am using angular-strap popover. http://mgcrea.github.io/angular-strap/#/popovers The documentation says if onBeforeShow function is provided, it should be invoked before the popover is shown. But ...
Richa's user avatar
  • 238
1 vote
1 answer
278 views

Deep watch on array not working in AngularJS data binding

I am using the popover directive from AngularStrap. I have a colleciton of objects that get rendered as toggles. When the toggles are clickedthe data on the scope is not changed... I've tried loads of ...
rex's user avatar
  • 3,143
0 votes
0 answers
140 views

How to implement pagination In AngularStrap(Bootstrap)

I am using Angular Strap in my design. While I try to implement pagination, I cannot find any documentation or related posts of Pagination in Angular Strap. How is pagination implemented in Angular ...
Kais's user avatar
  • 1,943
1 vote
0 answers
203 views

Control body class when open/close aside menu

Using the concept described on w3schools (can't paste 2 links yet :/, if google 'w3schools how to js sidenav', is the first result). I'd like to control the body style to make the Sidenav off canvas ...
Pablo Madalena Targa's user avatar
0 votes
1 answer
280 views

AngularStrap : modal service

When i click to my buttom nothing to happend and i get no error in my console Any idea ? HTML <button type="button" class="btn btn-lg btn-danger" ng-click="showMyModal()">Modal <br> ...
fufuny's user avatar
  • 11
0 votes
1 answer
1k views

AngularStrap typeahead, how to use event callbacks

I'm using an AngularStrap typeahead and need a callback, when an items gets selected by the user. According to the documentation, there is an onSelect option, which can be supplied with a function, ...
qqilihq's user avatar
  • 10.9k
0 votes
1 answer
249 views

How do I force changes to the internal scope of an angularstrap popover directive to update the scope of the parent controller?

I am using angularstrap popovers to create a simple popover exposing a date/time picker. Here is the popover itself <div class= "form-group form-group-sm"> ...
Zack's user avatar
  • 13.5k
1 vote
0 answers
99 views

Why ng-bind doesn't work with AngularStrap for me?

I need your help with AngularStrap tabs and displaying calculated data. So, let's say I have a few inputs with ng-model. I calculate them and display in ng-bind. Everything works fine until I use tabs ...
Malwina's user avatar
  • 11

1
2 3 4 5
8