For programming questions regarding using the Bootstrap components written in pure AngularJS. Not for questions regarding documentation, licencing or other legal issues.
0
votes
1answer
19 views
Passing parameter during closing modal with ESC key
Is there a way to pass a parameter through the $modalInstance.dismiss when we close a modal using ESC key?
If user close properly using 'close', then I know I can use ...
0
votes
1answer
29 views
How to declare and use modules, controllers, services and bootstrap manually in Angular?
i'm trying to build an AngularJS app that has one Controller, one Service and that Bootstraps manually (no ng-app). The problem is that I keep having an error :
Argument 'AppController' is not a ...
1
vote
1answer
26 views
AngularJS and BootstrapUI - pass function and argument to BootstrapUI directive
I'd like to pass a function with to BootstrapUI's popover directive. The attribute is normally a string, but I need to do an AJAX call to supply the attribute to the directive. Currently, the popover ...
0
votes
1answer
33 views
Bare minimum code for AngularJS Carousel
I spent all day trying to get the "example" AngularJS Carousel to work, and it was only thanks to finally stumbling upon this topic that I finally got it to work.
Starting with the Carousel example ...
1
vote
2answers
2k views
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 ...
0
votes
1answer
39 views
Angularjs ui bootsrap datepicker in backbase portal not working
I am trying to use datepicker of Angularjs ui boostrap in backbase portal but it is not working. Same code is working outside backbase portal.
My HTML code
<button type="button" class="btn ...
28
votes
7answers
34k views
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,
<span popover='<pre>{[ some_obj | json:" " ]}</pre>'
...
0
votes
1answer
1k views
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
<div class="modal-header">
<h3 class="modal-title">Modal Header</h3>
...
4
votes
2answers
784 views
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 ...
0
votes
0answers
82 views
AngularJS modal instance issue
I have AngularJS app (version 1.4.7) and latest version of ui.bootstrap. Problem occurs when I try to inject $uibModalInstance which throws error Unknown provider: $uibModalInstanceProvider
Here is ...
2
votes
3answers
238 views
Inject variables via ng-init to controller
I want to inject the same variables with different values multiples times to the same controller. This is what I tried. What is a way to get different values in each call?
HTML
<body ...
0
votes
1answer
7k views
Angularjs ui-select dropdown on-select function call issue
In my angularjs projetc 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 ...
0
votes
0answers
43 views
Select typeahead Item during page load in angularjs
I have simple angularjs typeahead http://plnkr.co/edit/bBpfTi6XqKl6wo3zvwlq?p=preview. If you remove 112 then you will find that typeahead is loading properly. What is my objective is that when page ...
0
votes
0answers
28 views
Have I lost scope in this template?
I have a partial page with the angular-ui carousel plopped down in the middle of it. That directive has a template-url attached to it:
<carousel interval="0" no-wrap="false" ...
0
votes
0answers
15 views
Angular/BootstrapTpls/Datapicker: not working in type=“date”
I have this datapicker adapted for Angular control:
When I am clicking in the button (marked in red square) should have the behaviour of button marked in a red round.
My code it is not working for ...
0
votes
0answers
129 views
Angular UI Bootstrap Datepicker shows wrong Date format after Navigating to other routes
I have multiple tabs in my application (i.e. I have used ngRoute to navigate to different tabs) and in one of the tab, I have used Angular UI datepicker
<input readonly="true" require ...
4
votes
1answer
221 views
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 ...
0
votes
0answers
33 views
How to make AngularJS Bootstrap UI Carousel show large image view when clicked
I would like to enlarge the image once it is clicked:
http://subdomain.billiving.biz/items.html#/product/543
Can this be done with AngularJS Bootstrap?
0
votes
2answers
638 views
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?
0
votes
1answer
37 views
Controller initialization in AngularJS
<html>
<body>
<div ng-controller="TestController">
Framework is {{name}}
</div>
</body>
</html>
Am making the ...
3
votes
1answer
74 views
AngularJS - bootstrap - bootstrapDualListbox - on select values on left side all are selecting/moving to right side
I am using bootstrapDualListbox
JS
$('select[name="duallistbox_demo1[]"]').bootstrapDualListbox({
moveOnSelect: false
});
HTML
<select multiple="multiple" size="10" ...
0
votes
1answer
231 views
Tabs in Angular Bootstrap
I'm trying to just display a couple of tabs by using Angular Bootstrap, but I cannot see any content displayed. All I see is a blank white page.
Where am I wrong?
html-
<html ng-app = ...
1
vote
1answer
92 views
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
0
votes
1answer
66 views
bootstrap dynamically height in navibar
I'm new in bootstrap and angularJS.
but I'm building page where top and left side page will be static not moving.
I use <nav class="navbar navbar-default navbar-fixed-top from bootstrap to header ...
0
votes
3answers
113 views
Angularjs data binding when passing a reference?
Sometimes, when two variables refer to the same variable, they are not binding together like this:
var option = 1;
$scope.a = option;
$scope.b = option;
When you change $scope.a, $scope.b ...
0
votes
0answers
66 views
AngularJS Directive to Angular-Bootstrap Popover
Caveat: Noobie to AngularJS. I've probably chosen an overly complicated situation to start learning, but alas, here it is :)
I have a D3.js Tree rendering via a Directive nicely... I am hi-jacking ...
7
votes
1answer
17k views
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 ...
0
votes
1answer
299 views
Multiple input fields and buttons on single line using Bootstrap
I have the following single line containing an search input bar and 2 buttons. How do I style this to make the search input box smaller according to the buttons next to it? I would like to add 2 more ...
0
votes
0answers
109 views
Angularjs bootstrap-popover
Consider code :
Written directive to open popover in angularjs :
mainApp.directive('popoverDir', function ($compile) {
var itemsTemplate = "<ul class='disc-actions' ...
0
votes
2answers
78 views
ng-init or ng-bind does not work for sample code
My code:
Its simple but i don't get want am i missing:
<div ng-app="sample" ng-init="firstName='somnath'">
<p>My name is: <span ng-bind="firstName"></span>
...
1
vote
0answers
265 views
Angularjs bootstrap datepicker in inline form (is it possible>
I have bootstrap inline form. When I integrated the Angularjs bootstrap datepicker, the datepicker text field is going in second line and breaks the shape of the bootstrap inline form. Any way I can ...
6
votes
3answers
11k views
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 ...
0
votes
0answers
57 views
Angular bootstrap typeahead total number of records found
I am trying to figure out a way to show total number of records matched in the typeahead just on top of the options and use that count in the $scope to use in some other places in the app. Any ...
0
votes
1answer
164 views
How to hide a div in Menu Collapse
I finally got the collapse menu working for the Bootstrap Angular UI. However I still couldn't figure out how to hide the div for the "hide-mobile" class and show the "show-mobile" class in the mobile ...
1
vote
0answers
67 views
Angular doesn't Open Correct Modal
I am trying to open edit page:
<div id="edit" class="span6" ng-controller="BrandsCtrl">
<script type="text/ng-template" id="editPage">
<div class="row-fluid sortable">
...
0
votes
0answers
58 views
Getting rating directive to reflect changes in the attributes
I am using the angular-ui bootstrap in my project. I just use the rating plugin, it works fine on page load. But the changes made to the attributes are not reflected in the directive. I understand, I ...
0
votes
1answer
103 views
how to dynamically change the max value of rating in angularjs bootstrap ui
I just started using angularjs. I am using angularjs bootstrap-ui for this project. I am rating directive and I want to change the max value. But the changes are not reflected on the rating directive
...
1
vote
0answers
1k views
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 ...
2
votes
4answers
3k views
AngularJS tabset does not show the correct state when the page is reloaded
I'm using angular-ui-router in an AngularJS SPA along with the bootstrap tabset directive.
Here is my example http://plnkr.co/V0Cs6BfnggXshawMv4LX and the steps to reproduce the problem.
Launch ...
11
votes
4answers
19k views
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 ...
1
vote
1answer
252 views
ui-router multiple named nested views
I have a nested view like this
<div ui-view="master" id="ng-view">
<div class="container-fluid height-full">
<div ui-view="globalNavigationPanel" class="row"></div>
...
0
votes
1answer
830 views
Argument is not a function, got undefined with angular bootstrap, ui-router and requirejs
I am following Dan Wahlin's example of dynamically loading controllers using requirejs but with angular ui-router.
this is my app.js
var bootstrapper = angular.module('etrading', ['ui.router', ...
0
votes
1answer
189 views
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 ...
5
votes
2answers
946 views
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 ...
1
vote
2answers
2k views
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 ...
0
votes
1answer
461 views
Angular Bootstrap: Tooltip placement based on function
I'm using the Angular Bootstrap Popover:
<button popover-placement="top" popover="On the Top!" class="btn btn-default">Top</button>
If using default Bootstrap JavaScript, it's possible ...
1
vote
1answer
548 views
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 ...
0
votes
1answer
123 views
AngularJS Typeahead and $http request limiting
I'm trying to limit the amount of results Angular Bootstrap Typeahead returns when doing Async calls but it's not working at all.
<input type="text" ng-model="asyncSelected"
...
1
vote
1answer
361 views
Angularjs ui bootstrap date picker icon issue in firefox
I am using Angularjs ui bootstrap date picker but the icon <i class="glyphicon glyphicon-calendar"></i> is not appearing properly in firefox but the icon is fine in Chrome. Please see the ...
1
vote
1answer
1k views
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: ...
