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
1
vote
1 answer

Unable to use exedit popup in angular bootstrap project

How to use xeditable popup in angular bootstrap project? followed steps mentioned in http://vitalets.github.io/x-editable/docs.html It gives the error : ReferenceError: $ is not defined
Jibin George
  • 31
  • 5
1
vote
0 answers

Validation on Angular JS bootstrap DatePicker

All, I need to implement the validation on Angular js Bootstrap DatePicker. It works for following scenarios While page is loading no validation onChange of date text box it checks for Empty and invalid date format After selecting the valid date…
ggn979
  • 197
  • 1
  • 6
  • 15
1
vote
1 answer

Access constants from super module within included modules (config())

I have a global module 'app' which include two other modules 'app.core' and 'app.service'. This is basic settings. Inside the two sub module I can access the constant from both two modules. However I cannot access constants declared in 'app' within…
max54
  • 330
  • 1
  • 2
  • 13
1
vote
2 answers

Angularjs Dropdown closes when $location.search parameters are changed

I'm building an ecommerce site. I have a directive called "horizontalShoppingByCategoriesLayout" that watches the current filter criteria (to filter products being returned) and as the user changes those filter criteria the directive sets the…
David Pugh
  • 758
  • 3
  • 12
  • 33
1
vote
0 answers

AngularJS, ui.Bootstrap, disable some specific keyboard support for datepicker component

I have to do a simple datepicker, I override the custom day.tpl.html, and I don't want to show the month.html when the ctrl + up key is press after the pop up is open. So, I will like to disable the ctrl + up keyboard, but I think I don't have…
Lester
  • 43
  • 1
  • 6
1
vote
1 answer

Angular Directive function call on ng-change

I have an angular-bootstrap modal popup box that contains a custom directive in the template: Modal.html

Modal Header

Oli
  • 1,112
  • 1
  • 10
  • 25
1
vote
0 answers

search using a search bar by a button click in typeahead?

Here is my Form.. div.form(name='customerFrm') label.fa.fa-search.search-icon(data-ng-click= "customer(obj._id)", typeahead-match) input.form-control.search(type='text', ng-model='selected', typeahead-on-select= "customerSearch()") and this is…
Abhishek
  • 295
  • 1
  • 4
  • 25
1
vote
2 answers

Removing borders in accordion bootstrap angularjs

I'm trying to hide the border in each accordion group with panel and then accordion .inner but none of these works. Where could I find the class/id of the accordion or how would I go to remove this style?
Test
  • 87
  • 4
  • 12
1
vote
0 answers

ng bind html contents with inline width

I was using the bootstrap directives for angular http://angular-ui.github.io/bootstrap/ and I basically had a modal for which the body content is given by
32teeths
  • 1,469
  • 1
  • 15
  • 32
1
vote
1 answer

Need AngularJS grid resizing directive to resize "thumbnail" that contains no image

UPDATE Plunker to project: http://plnkr.co/edit/oKB96szQhqwpKQbOGUDw?p=preview I have an AngularJS project that uses AngularJS Bootstrap grids. I need all of the grid elements to have the same size so they stack properly. I created an angularJs…
David Pugh
  • 758
  • 3
  • 12
  • 33
1
vote
1 answer

AngularJs bootstrap $modal.open() working only first time

I am using http://angular-ui.github.io/bootstrap/ (version .10). I need to open a simple modal window on event click of full-calendar (http://arshaw.com/fullcalendar/). I do that using select: function (start, end, allDay) { …
Sumanta
  • 1,165
  • 4
  • 15
  • 25
1
vote
1 answer

Angular extending ui.bootstrap.progressbar to support some text on the progressbar

I'm using ui.bootstrap.progressbar (code here: https://github.com/angular-ui/bootstrap/blob/master/src/progressbar/progressbar.js) and I'm trying to extend it to support some custom HTML (or just text) on the progess bar. It looks something like…
adamors
  • 2,672
  • 5
  • 32
  • 45
1
vote
2 answers

How to make a tab active from the beginning in Angular Bootstrap UI?

I'm trying to make one of the tabs active (tabs are already in the template), depending on some url params. Unfortunately, it always make active by default the first one found in the html template, even if I use a ng-repeat as in this example. This…
Alexandru R
  • 8,560
  • 16
  • 64
  • 98
0
votes
1 answer

Datetime is not shown in Firefox browser for AngularJs project

I have been working in an ASP.NET Webform project where AngularJs is used. In a form angularJs datetime picker is used to show date and time. Whenever the form is open datetime should show in the fields. The problem is it’s working in Chrome browser…
mnu-nasir
  • 1,642
  • 5
  • 30
  • 62
0
votes
2 answers

how to make border red if date is invalid in angular js?

I have a form in in which I have two field DOB , and marriage date .I want if marriage date is less than DOB I want to show red border .I am able to get if DOB is greater than marriage But I am not able to show red border as well I want form should…
user10288182
1 2 3
4
5 6 7