Stack Overflow
Stack Overflow

Questions tagged [angularjs-bootstrap]

For programming questions regarding using the Bootstrap components written in pure AngularJS. Not for questions regarding documentation, licencing or other legal issues.

For programming questions regarding using the Bootstrap components written in pure AngularJS. Not for questions regarding documentation, licencing or other legal issues.

Angularis bootstrap has the following dependencies:

This repository contains a set of native AngularJS directives based on Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is required. The only required dependencies are:

  • AngularJS (requires AngularJS 1.4.x, tested with 1.4.9). 0.14.3 is the last version of this library that supports AngularJS 1.3.x and 0.12.0 is the last version that supports AngularJS 1.2.x.
  • Angular-animate (the version should match with your angular's, tested with 1.4.9) if you plan in using animations, you need to load angular-animate as well.
  • Bootstrap CSS (tested with version 3.3.6). This version of the library (1.1.2) works only with Bootstrap CSS in version 3.x. 0.8.0 is the last version of this library that supports Bootstrap CSS in version 2.3.x.

For more information see the docs at UI Bootstrap Bootstrap components written in pure AngularJS by the AngularUI Team

AngularJS is an open-source JavaScript framework, maintained by Google, that assists with running what are known as single-page applications. Its goal is to augment browser-based applications with model–view–controller (MVC) capability, in an effort to make both development and testing easier.

99 questions
45
votes
8 answers

How do I create an AngularJS UI bootstrap popover with HTML content?

I want to create a bootstrap popover with a pre tag containing a prettified JSON object. The naive implementation, escapes the content before inserting it…
Andrey Fedorov
  • 9,148
  • 20
  • 67
  • 99
26
votes
1 answer

Bootstrap-UI Typeahead display more than one property in results list?

I'm using ui-bootstrap typeahead. It works brilliantly! However, I'm wondering if its possible to display multiple properties or even HTML in the results list. Typical problem: the search returns more than one object with the same value. Eg …
MFB
  • 19,017
  • 27
  • 72
  • 118
23
votes
5 answers

Angularjs bootstrap tabset tab heading

I am wondering whether it is possible to write html inside an angularjs bootstrap tabset tab heading. I am trying to add a svg inside the title. I have created a quick snippet in plunker to try and demonstrate the issue I am having.
Ross_
  • 235
  • 1
  • 2
  • 8
19
votes
1 answer

Angularjs ui-select dropdown on-select function call issue

In my AngularJS project I am using normal select dropdown and making a function call using ng-change which is perfectly working fine. Now I want to migrate the same dropdown to ui-select. But on-select function call is not working, I tried different…
Madasu K
  • 1,813
  • 2
  • 38
  • 72
10
votes
2 answers

Check if AngularJS module is bootstrapped

I have an iframe with ASP.NET application, that contains UpdatePanel. I started using Angular inside the application, but things didn't work because of the .NET postbacks. To solve this, I used this solution: with…
Guy
  • 1,547
  • 1
  • 18
  • 29
8
votes
2 answers

AngularJS 1.3.8 Using multiple controllers, second controller is not working

How do you use multiple controllers for AngularJS 1.3.8? I've tried the following below but only the first controller outputs correctly and the second controller outputs with {{ name }} and {{ age }}. HTML:
…
esteemed.squire
  • 524
  • 1
  • 7
  • 20
8
votes
1 answer

AngularJS multilevel dropdown menu for a menu structure generated from a recursive directive

I have a dilly of a pickle here. I have to get my multi-level navigation menu from a webservice call. Since my navigation menu can have an infinite amount of submenu's in it, I had to use a recursive directive to build my parent/child navigation…
David Pugh
  • 758
  • 3
  • 12
  • 33
6
votes
2 answers

What are the reasons for append-to-body in Angular Bootstrap?

Several directives in Angular UI Bootstrap have an append-to-body option. When would I need to use this and what are the advantages and disadvantages to it?
David says Reinstate Monica
  • 19,209
  • 22
  • 79
  • 122
6
votes
3 answers

Angular pagination not updating when bound list changes due to filtering on an input text box

Here's the scenario: I am using an ASP.NET MVC site with Angular JS and Boostrap UI. I have a dynamic ul list populated by data fed through a controller call to AngularJS, filtering on that list through an input search box. The list is also…
Ben
  • 63
  • 1
  • 1
  • 4
6
votes
3 answers

AngularJS show dialog from routeProvider

Is it possible to [execute a function] e.g. open a modal dialog window from the routeProvider when a certain route is requested? myApp.config(function($routeProvider) { $routeProvider .when('/home', { …
Tawani
  • 11,067
  • 20
  • 82
  • 106
5
votes
2 answers

How to make other directives work inside uib-tab elements

Is there a callback function for uib-tab directives I can use to refresh the inner directives after a tab has been rendered? I am trying to find the source of an issue with a third-party directive that appears when I use that directive inside the…
cdparra
  • 103
  • 1
  • 6
5
votes
2 answers

typeahead dropdown results align right - pull-right

Trying to understand how to implement the pull-right class within the angular typeahead dropdown only. Issues: input is located on RHS of window (which is typical for a search input box) my results are wider then my input (and the containing…
Ben
  • 73
  • 1
  • 6
4
votes
1 answer

Auto positioning of tooltip using AngularJS

I want to position my tooltip automatically, like if I am at the top of the browser scrollbar, and there is a link with the tooltip in the first line then the tooltip must be displayed at the bottommid. Is there any way to do so using angularjs…
KAJAL TANEJA
  • 51
  • 5
4
votes
1 answer

Possible to use a custom Angular service before bootstrap?

I have a service: angular.module('USC').service('TemplateService', function() {}); That I would like to use before I manually bootstrap my Angular project: angular.bootstrap(document, ['USC']); Is this possible? I know I can call var service =…
Darren
  • 10,631
  • 8
  • 42
  • 64
4
votes
2 answers

How to load JSON data from an AJAX call in AngularJS Bootstrap modal

I would like to create the following. Have a button that when clicked opens a dialog/modal from Angular Bootstrap[1 which will then display a loading indicator while the app fetches json data from the server then have that data be presented in the…
cyberwombat
  • 38,105
  • 35
  • 175
  • 251
1
2 3 4 5 6 7