A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
12 views
Do I need a jQuery to use the ng2-bootstrap Date_picker?
I using angular.
I using ng2-bootstrap.
I want to use a Data_picker.
I do not want jQuery to use it.
Can I use the data picker without jQuery?
Is there a sample somewhere?
0
votes
2answers
25 views
Sorting all pages with angularjs (not only the current one)
I'm using pagination for my data set and now I'm trying to sort it but the sort function sorts only the current page's records. I want to sort the entire data set not only the current page. Is there ...
0
votes
0answers
12 views
How to open ui-sref link in bootstrap modal
Before i start i want to to say many thanks in advance for your help. So, in my case i would like to open ui-sref link inside a bootstrap modal, meaning display the ui-sref in the modal. Below my code:...
-2
votes
0answers
9 views
How can i assign a number or value to data-value using jquary for counterup
<div class="details">
<div class="number">
**how can i assign vale to this data-vale attribute for counter**
<small>PKR</...
0
votes
1answer
13 views
angular uib-tabset not activate tab
<div ng-show="isAppLoading" ng-cloak ng-controller="accListMainCtrl as vm" style="height:100%;">
<h4>{{vm.dlg.active}}</h4>
<uib-tabset>
<uib-tab heading="...
-1
votes
0answers
12 views
SelectedTab implementation in angularjs tabs
On click of Listview a new tab opens to show the Detailed view of the ListView Content.Dynamic tab with Dynamic contents gets created everytime i click on the clickable row column.On open of the ...
0
votes
1answer
23 views
Wait for Async result before allowing user to go forward in UI Wizard
I am using a Wizard-UI component that has a handleChangingEvent() function that is called when a user hits the forward/back button. This function returns a boolean for whether the transition should ...
2
votes
2answers
57 views
Angular Bootstrap Tooltip Dynamic Content
I am making a cart application in Angular using Angular Bootstrap.
When hovering over the cart icon a tooltip should appear. The tooltip's content should change based on if the item is already in the ...
0
votes
1answer
25 views
TypeScript minified breaks Angular UI Modal
I have an MVC application with lots of Angular code. I have an Angular service that creates an Angular UI modal. The pertinent code is:
export class ConfirmRenderingOfLargeResultsModalService {
...
0
votes
1answer
16 views
popover-trigger angular bootstrap not triggering popover
I am trying to use uib-popover in angular as below
html template
<form id="methodform" style="font-size:large;font-family:'merriweatherregular';color:#2c3e4c">
<label>&...
1
vote
0answers
18 views
how to focus on second popup, when open second popup from first popup in angular-ui-bootstrap modal directive
I have on scenario, I would like to show popup on popup with accessibility complaint.
first popup is working fine, if I opened second popup from first popup still focus is remains on first popup, it ...
3
votes
1answer
921 views
Show tooltip only when the text is truncated in angular UI bootstrap directive
I want to show angular UI bootsrap tooltip only when the text is truncated.
I tried the below code with custom directive
<div tooltip="{{value}}" tooltip-append-to-body="true" enable-truncate-...
3
votes
3answers
490 views
ui-bootstrap modal appendTo
I am using the ui-bootstrap modal with angular to attach a modal to my document. However, I want the modal to be attached in a child div of the body with an id of #base-view. This is so that the modal ...
1
vote
1answer
28 views
bootstrap,Angular2,ionic2: How to use bootstrap3 in ionic2?
I've searched a lot on the internet on how to use bootstrap3 in ionic2,but I'm completely confused as to how exactly should I install it and use it.I've a problem with what I need to include in my ...
20
votes
5answers
14k views
Angular Bootstrap Modal leaves backdrop open
I'm using AngularUI to integrate Bootstrap components in my Angular 1.4 app, such as Modals.
I'm calling a Modal in my controller like so:
var modalInstance = $modal.open({
animation: true,
...
2
votes
0answers
26 views
Angular $$watchers number increases every time a popover is displayed, memory leak?
I have a directive that can trigger a bootstrap popover when I hover on it, I've noticed the $$watchers number increases every time after I hover on it, and it won't decrease even after the popover is ...
1
vote
0answers
9 views
How to align Angular UI Typeahead to the right
I'm using angular-ui-bootstrap in an RTL language website (in Arabic). Typeahead aligns all results to the left by default. How to change it to right?
This is mentioned in the angular-ui-bootstrap ...
-1
votes
2answers
19 views
Angularjs bootstrap example with required js [on hold]
I'm new to angularjs, i also want to use bootstrap. I try lot but not able to use angularjs with bootstrap.
I try to search for example but no luck no good stuff found which use bootstrap properly, ...
0
votes
2answers
27 views
ui bootstrap tpl version 2.5.0 not supporting carousel
I have struggling with following issue since 2 days. I need to implement modal popup, where I got the "Unknown provider: $uibModalProvider" error. So I upgraded the version of ui-bootstrap-tpls.min.js ...
0
votes
0answers
17 views
Unexpected Behavior in typeahead - is this a bug?
I have an input using typeahead as follows:
<input type="text" id="unit" name="unit" class="form-control form-input" ng-model="item.unit"
autocomplete="off"
typeahead-min-...
0
votes
1answer
14 views
Angular Routing and Bootstrap Navbar
I have problems getting the bootstrap navbar + angular routing to work. I don't understand what is going on since a very similar code on another app is working.
I have the following html in my index....
0
votes
2answers
24 views
How to adjust the length of my input form in bootstrap
I'm working on the navigation bar of my site and want to add a search area in the navbar. The original bootstrap embedded search area in navbar is too short and I want to make it longer.
I tried add ...
0
votes
1answer
26 views
Bootstrap Switch fn is not a function
I'm trying to add bootstrap switch to a rails project. When I add my script from here as this:
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/js/bootstrap-switch.js" ...
4
votes
1answer
1k views
angularjs UI bootstrap modal with google places
I'm trying to open a Google Maps Places Autocomplete Address Form inside of a UI Bootstrap modal. My problem is that the google places dropdown is showing up behind the modal, Is there anyway to get ...
google-maps
google-places-api
0
votes
0answers
17 views
JHipster alerts with multiple parameters and translation
i want to pass multiple parameters for alerts in JHipster, it is possible?
At Spring side I add thesee headers:
headers.add("X-formularApp-alert", "formularApp.downloadpdf.filled");
headers.add("X-...
2
votes
1answer
26 views
ng-class for only every element after the first 5 of an ng-repeat
Is there a way to use ng-class for only every element after the first 5 of an ng-repeat?
This is how it is done only for the last element.
<div ng-repeat="file in files" ng-class="{'last':$last}...
0
votes
1answer
26 views
implement automatic Slideshow with retrieved images from database in angularjs
This is on of the task given by my school. am totally new to angularjs. in this case am trying to implement automatic Slideshow with retrieved images from database in angularjs. i dont know how to do ...
9
votes
9answers
20k views
Create Hoverable popover using angular-ui-bootstrap
I have the following code for creating a popover in my template file:
<span class="icon-globe visibility"
id="visibilityFor{{post.metaData.assetId}}"
popover="{{post....
1
vote
0answers
15 views
How does the transition from one page to another work in http://nptel.ac.in/course.php site?
after clicking on page 2 it shows the further results? where are these results stored before on how does this work?
here it the website (http://nptel.ac.in/course.php)
7
votes
1answer
5k views
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 ...
3
votes
2answers
69 views
Blueimp Gallery inside Boostrap Modal not vertical aligned properly
I have a modal window that shows a few data that also has Images which open in Blueimp gallery. The problem I have is, when the image is opened in BlueImp gallery, the image is not vertically aligned ...
172
votes
3answers
68k views
What is the difference between ui-bootstrap-tpls.min.js and ui-bootstrap.min.js?
At the Angular-UI-Bootstrap page on cdnjs, is says:
Native AngularJS (Angular) directives for Twitter's Bootstrap. Small footprint (5 kB gzipped!), no third-party JavaScript dependencies (jQuery, ...
4
votes
3answers
5k views
ui.bootstrap popover-is-open doesn't work properly
I want not to show ui.bootstrap popover by using popover-is-open directive. For example, in template:
<button class="fa fa-link add-link"
uib-popover="popover"
popover-is-open="isOpen"&...
0
votes
2answers
28 views
How to Return Asynchronous ($http) Data on Modal Close or Cancel
I have a open modal in controller called "Audit"
$scope.comment = function (spec){
ManualService.setManual(spec);
var modalInstance = $modal.open({
templateUrl: ...
18
votes
3answers
17k views
AngularJS Jasmine Test Fails: Failed to instantiate module
My angular app worked great and so did my tests, using karma and jasmine, until I added a dependency in ui.bootstrap. Now the app still works as expected, but I can't get my tests to run. This is what ...
2
votes
1answer
71 views
check if ng bootstrap modal is already open
How can I check that a modal window is open ?
I define a property like this
modalInstance: NgbModalRef;
and instantiate the modal like this
this.modalInstance = this.modalService.open(...
0
votes
1answer
14 views
Bootstrap tagsinput is not displaying data from (Controller) Angularjs
I have a bootstrap tags input field in HTML as below :
input type="text" name="panel" ng-model="requirement.panel" data-role="tagsinput"
My Controller Model Value is as below:
{"_id":"...
0
votes
0answers
25 views
How to display a font-icons instead of image in Uirouter state and uibreadcrumbs
Note: below code is working fine with images.
Need to know how to implement for font-icons,
when I have to click the product menu, the page will redirect to the product page, product page menu will ...
0
votes
3answers
7k views
angularjs calling modal dialog from directive
I've created a directive to open a modal dialog. Here's the code:
[EDIT] JSFIDDLE HERE: http://jsfiddle.net/graphicsxp/fcQZk/8/
PROBLEM: THE CLOSE BUTTON DOES NOT CLOSE THE MODAL.
angular.module('...
0
votes
0answers
29 views
AngularJS ui.bootstrap.modal templateUrl not working correctly
I am trying to wire up a ui.bootstrap.modal object to display some data, I decided to create a seperate html file to hold all my markup for the modal. I can see that some modal tries to open because ...
1
vote
1answer
23 views
Change the template of a modal from within the modal in angular
I open a modal like this:
<a href="#" ng-click="showLogin()">Sign in</a>
Login Function
$scope.showLogin= function() {
var modalInstance = $uibModal.open({
templateUrl: '...
5
votes
7answers
9k views
How can we make show/hide password input in angular js with bootstrap 3?
I want to make show/hide password input in angular js with bootstrap 3, the toggle option needs to be inside the input. Can you provide a snippet or example on that. Thanks a million.
5
votes
2answers
5k views
Angular ui tab with seperate controllers for each tab
I would like to make a bootstrap tabset with each tab having it's own controller. Can anyone point me in which direction I should go.
Currently I have made several difference controllers, which I ...
1
vote
3answers
3k views
How to close an Angular-ui-bootstrap uibModal on mouseleave using Factory?
I've recently switched all our modals directives in our app over to Angular-ui-Bootstrap modals. Much better, however running into a new style of modal which closes on mouseleave instead of a cancel ...
1
vote
0answers
35 views
Custom template - typeahead-popup-template-url with webpack
I am migrating an angular (1.6.2) app from gulp to webpack 2. I am using angular-ui-bootstrap with typeahead-popup-template-url attribute. It looks like
typeahead-popup-template-url="app/...
-1
votes
0answers
26 views
Force 3rd party Angular directive rerender without changing the directive
Found many ways to re-render a directive with changed data, but they all implies some modification on directive. As I use some third party directives I would not change, is there a method to force re-...
4
votes
2answers
83 views
Cross domain HTML parsing using AngularJS [duplicate]
We are working on java project in which backend is java + spring and fronted is angular 2 + HTML.
I want to do cross domain html parsing but we don't have permission to access external links on ...
0
votes
0answers
35 views
AngularUI - Bootstrap - $uibModal bindToController
Can someone please provide a clear explanation and simple example of what the 'bindToController' option actually does when using $uibModal. I'm creating modals specifying both a controller and ...
0
votes
1answer
24 views
How can I keep Bootstrap & Angular2 projects separate?
I'm planning to keep my Bootstrap project (purely UI / view) separate from Angular2 project (model processing, UI read / write & server communication).
How can I achieve this?
5
votes
4answers
3k views
Angular - ui-bootstrap - datepicker - Is there a way of detecting when the month has changed?
I'd like to set the date to the 1st of the currently selected month when it's changed.
is there a way without monitoring click event on the month's buttons?
tia
Sam
