99 questions
0
votes
1
answer
458
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"
placeholder="...
1
vote
1
answer
387
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
2
votes
1
answer
1k
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
0
answers
2k
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 ...
19
votes
1
answer
52k
views
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-...
10
votes
2
answers
9k
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 ...
1
vote
1
answer
2k
views
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 ...
1
vote
2
answers
413
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 ...
8
votes
2
answers
3k
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
0
answers
326
views
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 ...
2
votes
2
answers
5k
views
Dynamically change the Language of Angular Bootstrap Datepicker
I am having a hard time in creating this code. What I used was
$scope.convertToLanguage = function ($language) {
var fileref = document.createElement("script");
fileref.setAttribute("...
0
votes
2
answers
727
views
Render only if {{variable}} is defined
Say I have some text such as:
The data is ready. Here it is: {{something}}
I would like to only render that line if something is not undefined. How can I do that?
In case it helps, here is that line ...
0
votes
0
answers
117
views
AngularJS + Server-Side PHP image serving
Consider the following simple autocomplete form:
<html>
...
<body>
...
<div class='container-fluid' ng-controller="TypeaheadCtrl">
<input type="text"
ng-model="selected" ...
2
votes
1
answer
996
views
How to share the same config across multiple angular apps
I have the same config blocks for all the angular apps on my site, all in different files.
app_1.config([
"$httpProvider", function($httpProvider) {
$httpProvider.defaults.headers.common['X-...
0
votes
1
answer
41
views
View value is not updating
The attribute on the view doesn't update.
When I click on the remove image, then comes a popup model.
remove image on index.html:
the attribute {{naam}} is not updating and setName has updated the ...
1
vote
1
answer
4k
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>
&...
6
votes
2
answers
11k
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?
2
votes
2
answers
2k
views
AngularJS Modal (ui.bootstrap.modal) unable to trigger jQuery event after modal is opened (modalInstance.opened)
I am using AngularUI Bootstrap modal dialog (example below). Once the template is opened I want to trigger some jQuery event. I am using modalInstance.opened method, but getting empty object.
...
0
votes
1
answer
459
views
Date not being formatted when copied from one datepicker field to another
I've recently migrated from Angular 1.2.5 to the most recent version, 1.3-rc.3, and from ui-bootstrap 0.7.0 to ui-bootstrap 0.11.2, and some functionality in my code breaks.
I have two datepickers on ...
23
votes
5
answers
59k
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
0
answers
198
views
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', ...
1
vote
2
answers
3k
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 ...
1
vote
0
answers
381
views
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
<div class="modal-body">
<div ng-...
4
votes
1
answer
3k
views
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 ...
1
vote
1
answer
3k
views
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 ...
0
votes
2
answers
742
views
AngularJS modules and submodules instantiation
I'm trying to create sub-modules within my angular app. I would like to have one module for each file I have (services.js, controllers.js, ...). The problem I have is that when I create one for each, ...
2
votes
1
answer
547
views
AngularJS doesnt "bootstrap" new DOM elements
I have an AngularJS app which (reduced to relevant parts) looks like this:
<div ng-app="myModule">
<div id='container'>
<div say-hello-to name="Frank">f</div>
...
3
votes
4
answers
5k
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 the ...
0
votes
2
answers
1k
views
How to initialize controller manually after app has bootstrapped?
I trying to add angular widgets into an existing non-angular app. The problem is that these widgets are not added by Angular, and are mostly injected into the DOM by a non-angular script.
The first ...
0
votes
1
answer
355
views
AngularJS typeahead with integers
I am using typeahead from Angular Bootstrap. Sample plunker provided by them is here. As you can see $scope.states is filled by the array:
$scope.states = ['Alabama', 'Alaska', 'Arizona', ... ];
And ...
1
vote
1
answer
2k
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: ...
0
votes
2
answers
494
views
AngularJS and ui-sortable(branch 1.2): ng-mouseover breaks after sorting
I upgraded my App to AngularJS 1.2 and so also switched to ui-sortable v 1.2.
The sorting is implemented for Accordion-Groups (from ui-bootstrap). With the master-tree version of sortable i could ...
0
votes
1
answer
3k
views
angular ui.bootstrap - I'm trying to get a confirm dialog working (really any dialog at this point)
I'm looking here at the $modal service. I'm trying to implement a confirm dialog when the user clicks a delete button...
Right now I've got:
'use strict';
angular.module('dashboard.build')....
8
votes
1
answer
29k
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 ...
2
votes
2
answers
2k
views
How to include angular-bootstrap in existing angularjs application?
Assuming one has already built a simple front end in angularjs, what are the steps needed to follow in order to include angularjs-bootstrap in front end and use the corresponding directives and css?
0
votes
2
answers
2k
views
AngularJS 1.2.0 Bootstrap UI 0.6.0 (bootstrap3_bis2) Typeahead
I'm trying to pass a promise to the Angular Bootstrap Typeahead, but I'm getting always the fallowing error:
TypeError: Cannot read property 'length' of undefined
Factory:
angular.module('app')....
6
votes
3
answers
15k
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
2
answers
4k
views
How to connect my controller in my directive for inserting data and adding bootstrap select in angular.js?
I'm trying to add data on my select menu using a controller and used ng-options while i have a class defined in my directive to insert the bootstrap-select plugin to the element. The problem is that ...
0
votes
0
answers
2k
views
Angular.js defer AppCtrl and any routing
I would like to delay the initialization of the AppCtrl and any route change until the "app settings" have arrived from the server.
I'm using the AngularJS-boilerplate which is including ui-route and ...
26
votes
1
answer
40k
views
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 ...
4
votes
2
answers
9k
views
How to load JSON data from an AJAX call in AngularJS Bootstrap modal [closed]
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 ...
2
votes
1
answer
252
views
How compatible are bootstrap 2 plugins with bootstrap 3 markup
I'm about to start a new app using angular and bootstrap. There are angular ports of bootstrap's jquery dependent plugins, but only for v2. Does anyone with experience of bootstrap 2 & 3 know if, ...
1
vote
1
answer
2k
views
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)...
1
vote
2
answers
1k
views
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, ...
2
votes
3
answers
5k
views
Angular UI Bootstrap progress bar in IE10
I'm using Angular UI Bootstrap to display a progress bar. After having problems with my site in IE, I looked with IE at the Angular UI Bootstrap website and noticed the following:
The progress bars DO ...
4
votes
1
answer
696
views
Keeping a AngularJS bootstrap popover visible as element updates
I'm using an AngularJS bootstrap popover on an element using popover-trigger='mouseenter'. The element updates using angularFire, and after an update, the popover disappears until I move my mouse (...
45
votes
8
answers
93k
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>'
popover-...
6
votes
3
answers
8k
views
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
....
0
votes
1
answer
2k
views
Angular Bootstrap: How to show a popover based on a child elements' trigger?
Demo Fiddle
I'd like to show some help text using a popover for the entire group of fields, not for each individual input.
In the fiddle, I'm simply using a mouseenter trigger to show how it should ...