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!

Angularstrap is an adapter between Angularjs and Twitter Bootstrap.

You can see demos here: http://mgcrea.github.io/angular-strap/

381 questions
70
votes
3 answers

Best way to combine AngularJS and Twitter Bootstrap

I would like to combine AngularJS and Twitter Bootstrap into a fresh web app. It seems like AngularJS directives have been written for Bootstrap. However, on careful look, it seems that these directives don't cover all of Bootstrap. Can I combine…
28
votes
6 answers

Good way to dynamically open / close a popover (or tooltip) using angular, based on expression?

I have a form that is wired into angular, using it for validation. I am able to display error messages using ng-show directives like so:
danludwig
  • 45,241
  • 21
  • 150
  • 230
15
votes
3 answers

Display AngularStrap Dropdown Manually - How?

I am trying to display an AngularStrap dropdown manually, leveraging the trigger configuration on $dropdownProvider as such // how dropdown is triggered - click | hover | focus | manual app.config(function($dropdownProvider) { …
scniro
  • 15,980
  • 8
  • 54
  • 101
12
votes
2 answers

AngularStrap datepicker doesn't disappear on blur of trigger event in the IOS Safari browser

My datepicker can disappear on blur of trigger event in the windows Chrome, windows Safari, mac Safari, android Chrome except IOS Safari browser. My code:
Java Basketball
  • 2,072
  • 3
  • 22
  • 45
12
votes
5 answers

How to hide/show same modal instance with AngularJS?

I'm currently using angular-ui-bootstrap $modal to display a dialog which lets the user search for and pick a file. The list of files comes from box.com, so I use the box API to search for files and generate a thumbnail to display beside each file…
Guillaume Morin
  • 3,370
  • 3
  • 20
  • 34
10
votes
2 answers

Angular UI Bootstrap vs. AngularStrap vs Bootstrap

I have been researching options to using Bootstrap with Angular and it appears to focus on two: Angular UI Bootstrap AngularStrap I see a third option of just using native Bootstrap. What are the pro/cons of all approaches? This seems to hint that…
Kode
  • 2,729
  • 15
  • 58
  • 120
8
votes
4 answers

Angular-Strap Modal Does Not Load Template

For some reason the modal box works just fine but it does not load any templates I specify. My Controller has this code; var brnSearchModal = $modal({ scope: $scope, template: "app/rrn/searchBrn.html", contentTemplate: false, html: true, show: false…
Lukasz
  • 8,382
  • 11
  • 42
  • 69
8
votes
1 answer

How to pass data to angular-strap popover

I'm trying to show angular-strap popover when hovering on fullcalendar items. I am using eventMouseover/eventMouseout callbacks to show/hide the popover: $scope.calendarConfig = { defaultView: 'basicWeek', eventMouseover: function(event,…
cthulhu
  • 3,602
  • 1
  • 19
  • 25
8
votes
1 answer

AngularStrap datepicker looks odd

I'm trying to use the AngularStrap datepicker in my project by following the directions on the AngularDart getting started guide The functionality is fine, but the look is off. Even without my own stylesheets loaded the look is not what it should…
nkr1pt
  • 4,510
  • 4
  • 31
  • 55
8
votes
5 answers

"Element is not currently visible and so may not be interacted with" but another is?

I've created another question which I think is the cause for this error: Why does the Selenium Firefox Driver consider my modal not displayed when the parent has overflow:hidden? Selenium version 2.33.0 Firefox driver The code that causes the…
ton.yeung
  • 4,169
  • 5
  • 38
  • 68
8
votes
1 answer

AngularStrap tabs load html fragment

I am currently working on an AngularJS project with Twitter Bootstrap, and am trying to shift my Bootstrap directives into Angular. I decided on AngularStrap as it provided support for Bootstrap-Select (which I wasn't sure was the same for…
Wei Hao
  • 2,416
  • 7
  • 24
  • 40
7
votes
1 answer

AngularJS-based UI Components, quantumui vs. angular-strap vs. angular-bootstrap-ui

I have been looking for a component set for a start-up project which would be based on AngularJS. After some research, I have found three common component sets which can be applicable. The first is AngularJS Bootstrap UI. It seems clear, but there…
6
votes
3 answers

Safari: Conflict between custom auto complete and system contact autofill

We have a webpage which contains a text to which we attach a custom auto complete component (using AngularStrap's Typeahead to be precise). Safari obviously thinks, that the input contains a person's name and thus provides an autofill menu…
qqilihq
  • 9,039
  • 6
  • 42
  • 75
6
votes
2 answers

Unit testing $modal with Jasmine

I have an Angular app with a controller which displays an Angular-Strap modal window during a function call. It functions correctly in Chrome, but I am at a loss getting a valid unit test working. App module and the FooController: var app =…
6
votes
1 answer

Angular-Strap Radio Button won't update model

I want to have a radio-button group as you can see in my code. I use AngularJs, Angular-Strap and Bootstrap. The problem is, that my variables in the controller won't update when I click another button. The default value is set. If i remove the…
Dominik
  • 349
  • 5
  • 16
1
2 3
25 26