Tagged Questions
1
vote
0answers
17 views
AngularJS how to create a reusable template for Bootstrap modal
So I am using the AngularJS Bootstrap modal (http://angular-ui.github.io/bootstrap/). Which is working fine but I was wondering if I could create a basic template that can take in a title and the ...
0
votes
2answers
19 views
Adding new form inputs continuously
I currently have a form where an individual can add firstname and lastname via two input fields. In some scenarios they may want to add more
than one so I want to provide button/bit of text below ...
0
votes
0answers
18 views
Angular js ui-bootstrap pagination link not working
I'm using ui-bootstrap paginator for server side pagination but the pagination links doesn't seem to work. I'm using Laravel rest api as backend to fetch data from server. First set of data are ...
0
votes
1answer
11 views
How to always show a top li in typeahead with angular ui bootstrap
I am trying to use typeahead in ui bootstrap (http://angular-ui.github.io/bootstrap/) to add a drop down for existing options. I want the user to always have the option of selecting a li that says "+ ...
0
votes
1answer
14 views
Can't load angular-bootstrap module in boilerplate angularjs app
I started an AngularJS project to get a feel for it by starting with angular-seed.
I am trying to load up angular-bootstrap, but when I add the the module in my app.js file dependencies:
...
0
votes
0answers
8 views
Link in accordion-heading
I am using angular-ui-bootstrap and I need to place a help icon in the heading of an accordion that opens a help page in a different window. I tried achieving this by putting a link within , but it ...
1
vote
2answers
20 views
Processing objects with meaningful keys in ui-bootstrap typeahead
Angular ui-bootstrap typeahead is a great library and I like the fact that it imitates the syntax inside Angular select directive. Still it seems that this imitation is not perfect. Do I undertand ...
0
votes
0answers
25 views
Can I apply an AngularJS directive to an element via JavaScript instead of HTML?
Because the HTML5 date field is not supported in most major browsers, I'm using the UI-Bootstrap Datepicker directive to add date pickers to some form fields.
Instead of applying the directive in the ...
1
vote
2answers
30 views
$injector error when using angular-bootstrap ($modalInstanceProvider <- $modalInstance)
i've been playing around with this bug but i cant seem to figure it out. The problem started when i pushed the angular-bootstrap modals i had added to the prod server. The original error was this ...
2
votes
1answer
18 views
Button Disabled/enabled on check-box state with Angular
I have created a reusable directive and using it in two different forms but unable to able/disable the button in form which changes according to the check-box state in directive. I want disable the ...
0
votes
0answers
25 views
Nested Views inside a modal not showing up. (ui-router and ui-bootstrap)
I'm having trouble creating a modal that responds to the application state.
From angular ui-router wiki I saw how to achieve my goal but my code is not working and I'm not figuring out why for the ...
1
vote
1answer
29 views
How to show validation error messages on the right side of the input field in a tooltip using angular js?
I have form which contains some fields and have validated these fields by using angular.validator. The error messages are displayed under every fields. But I want to display this error messages using ...
0
votes
0answers
28 views
Angular UI-Router pass resolve to child onEnter
I'm trying to pass a previously-resolved result from a parent to a modal instance that is instantiated onEnter, however the controller reports that it's an unknown provider:
Error: [$injector:unpr] ...
1
vote
0answers
16 views
UI Bootstrap with Flot causing misaligned ticks
I'm working on an Angular web-app with UI Bootstrap and have run into a problem with the y-tick label alignment in flot charts using UI tabs.
With standard bootstrap tabs, the plots match inside and ...
0
votes
1answer
21 views
How to retain the last opened accordion in a group by invoking function in is-open attribute
I'm having accordion which is populated dynamically.
<accordion-group ng-repeat="data in dataList" is-open="isAccordionOpen(data.dataName)">
<accordion-heading>
...
0
votes
2answers
17 views
AngularJS Bootstrap: Limit typeahead results
I have a simple text field that uses typeahead with results from an array. I would like to limit user input to ONLY be able to type/select results in the array.
If my array looked like this:
...
0
votes
3answers
21 views
Input field shows model value instead of label after select
After selecting an item in the typeahead dropdown, the input field reflects the item's value (now the bound model's value). How would I go about using the label for input value. Is there support here ...
0
votes
1answer
18 views
How to find date difference when using Angular UI datepicker
I am using the AngularUI datepicker given in http://angular-ui.github.io/bootstrap/
I have two datepickers in my page and on click of a button need to validate if the date difference between the two ...
0
votes
1answer
69 views
Bootstrap Datepicker with angular JS issue (again)
I am trying to create an editable Grid in which there is a dateField which is editable. The cell will be shown as editable only if Cell is focussed
$scope.gridOptions = {
data: 'result',
...
0
votes
0answers
11 views
How to connect two calendar to be “current month” & “next month” in same web page?
I have a problem with multiple calendar (two calendar) in ui-bootstrap.
How can I make them show current and next month in the same page?
Here is the demo code, it have two calendar but they are not ...
0
votes
1answer
22 views
Angular ui modal with controller in separate js file
I am trying to make a modal which can be instantiated from multiple places in the app. from the example given here: Angular directives for Bootstrap the modal controller is in the same file as the ...
0
votes
1answer
18 views
Initialization of 2 datepickers very slow
I'm using the datepicker of Angular-UI.
I have a template that initializes 2 datepickers.
However, I noticed that it takes more than 100 ms on a desktop to initialize both.
It is ...
0
votes
0answers
36 views
angularjs modal with data binding
i have to create a modal window for adding information to current controller. i used pop modal window using modalService. i'm just passing basic information.
$scope.saveCustomer =
function ...
0
votes
1answer
43 views
How to declare an angular-bootstrap modal in a way that is safe for minimization
I have implemented an angular modal dialog box following the guidelines given at: http://angular-ui.github.io/bootstrap/. The code below works fine when the non-minified files are accessed, but it ...
0
votes
2answers
31 views
Element with popover and tooltip
In a large form, I'm using popovers to display error messages from the validation (I know, not best practice).
Now, I also want to add tooltips to display detailed explanation of the input.
However, ...
0
votes
2answers
34 views
angular-ui-router and angular-ui-bootstrap tabs: content being loaded into DOM multiple times
I'm using angular-ui-bootstrap tabs and angular-ui-router. I want to load specific states into the tab-pane when a tab is clicked. This is working fine. The problem is that the state is being loaded ...
0
votes
1answer
22 views
My Angular Select2 dropdown needs to pass more values than just options' names on change event
I'm using Angular-Select2 and what I need is actually on change collect some more values than just what currently chosen options have as their names.
For example, if options Red, Blue, Yellow are ...
0
votes
1answer
15 views
AngularUI Bootstrap Datepicker Setting a minimum date
I am running the latest AngularUI Bootstrap and I have a Datepicker which gets enabled when it is clicked open by a button.
I've tried and searched to get the answer of how to disable dates being ...
0
votes
0answers
26 views
AngularJS: IE throws 404 errors for items stored in templateCache
I am attempting to use the Angular UI Bootstrap library and IE throws a 404 error when it tries to load the typeahead-popup.html template, which is the only one I'm using right now. I am using the ...
0
votes
0answers
12 views
Misplaced popover using angular template with ng-bootstrap popover
I'm working in a project where we are using Angular with ng-bootstrap and various other plugins and it's Great.
But when using ng-repeat inside a ng-template for some popover content, the placement ...
0
votes
1answer
26 views
How to pass data into an angular.js UI bootstrap modal controller
Using Angular.js UI bootstrap modal, how can I pass data into a modal popup's controller? I am currently trying:
var modalInstance = $modal.open({
templateUrl: 'partials/confirmation-modal.html',
...
1
vote
0answers
12 views
How to refresh the templateUrl in an opened modal from Angular-ui Bootstap?
I have a modal that using a templateUrl. I would like the refresh the html in the template. How can I do that without closing the modal?
I have a modal using a view shared in different context. And ...
0
votes
2answers
21 views
how to add icon in tab in angular js >
Hi Please help me i m in new in angular Js
How to add icon in angular js
My code is this
<tabset panel-tabs="true" panel-class="{{demoTabbedPanelClass}}" ...
0
votes
1answer
48 views
AngularJS bootstrapUI : How to render a dynamic page inside the modal?
I'm using the modal function to display a full sized image.
$scope.openModalPicture = function (id) {
var modalInstance = $modal.open({
templateUrl: ...
0
votes
0answers
13 views
AngularJS UI ToolTip add delay on closing the tooltip for user to have time to click a link on the content
Is there an option or trick in AngularJS UI Bootstrap Tooltip to add some delay before the tooltip close? I added an HTML and a link on my tooltip and I need to provide our users some time to be able ...
0
votes
0answers
78 views
AngularJS, Twitter Bootstrap Responsive Nav Bar - Hover for Sub Menus
Here is my plunker:
This is the snippet in question.
<ul class="nav" role="menu" aria-labelledby="dLabel">
<li ng-repeat="item in items" ng-class="{'dropdown-submenu': item.submenu ...
0
votes
1answer
24 views
accordion group.isOpen is not working
I want to collapse accordion on page load for that i am using is-open="group.isOpen" but it is not working.
Code:
<accordion>
<accordion-group is-open="group.isOpen" ng-repeat="session ...
1
vote
1answer
41 views
How to close Angular UI Modal from anywhere
I am using the Angular UI bootstrap modal dialog and create it within a service:
myApp.factory('ModalService', ['$modal', function($modal) {
return {
trigger: function(template) {
...
0
votes
1answer
23 views
Angular UI date-picker min Date is not working
I am using angular 1.0.8.
I want to use angular ui datepicker. I want to set minimum date to yesterday.
I had tried min-date option like "min-date='-1d'" but it's not working.
Does anyone have this ...
1
vote
1answer
31 views
AngularJS UI-Bootstrap, How to set minDate to 90 days ago and maxDate to today?
I have an app that is Using AngularJS and UI-Bootstrap. I have a datePicker that needs restrictions on the dates. I'm very new to angular and wonder if anyone knows how I might do this. I'm looking ...
3
votes
2answers
42 views
How to catch backdrop click event when clicked out of angular ui bootsrap modal?
In my application, it is using $modal.open() function to open a modal popup which is using another page as a template. While clicking the button, it is showing the modal popup fine. If I click the ...
0
votes
1answer
37 views
$compile a directive from bootstrap-ui in a directive
I think I have a problem with dependency injection but I'm a bit lost.
In my controller I'm getting some data from a server and putting it in a $scope variable.
In my directive I have a link that ...
0
votes
0answers
26 views
Angularjs UI Bootstrap Popover Prevents input submit
I have used Angularjs with ui.bootstrap popover feature in following manner,
<form name="frm1" role="form" ng-submit='myFunc()' novalidate="novalidate">
.... other inputs go here...
<input ...
2
votes
2answers
28 views
Clickable button inside of a clickable panel
I have a button inside of an accordion, like this:
I made the entire accordion head clickable by doing this:
<accordion-heading ng-click="isopen=!isopen">
<div>
<span ...
0
votes
0answers
29 views
How to access the isolated scope of a modal window instance?
In order to dynamically add and remove a window class to my modal window I have overwritten the modal window template and added a further ng-class check for modelShake:
...
0
votes
1answer
28 views
How can I submit an angular-ui modal with keyboard
angular-ui modals (see http://angular-ui.github.io/bootstrap/ under Modal) can be default be cancelled by pressing escape. This option is configurable through the keyboard option to $modal.open().
I ...
0
votes
2answers
47 views
Strange behaviour using angular-ui-bootstrap date inside an angular-ui-modal
I am developing my first app using Angular and I got stuck with this problem for a couple of hours now and I can't see what's wrong.
I have used ui-bootstrap date with no issues in other places but ...
0
votes
1answer
19 views
How to trigger a function or assign selected value to another scope variable for angualrui bootstrap datepicker?
In this AngularUI Datepicker plunk:http://plnkr.co/edit/DWqgfTvM5QaO5Hs5dHco?p=preview
I wonder how could I assign selected value into another variable or trigger another function if a date is ...
0
votes
2answers
44 views
Use Angular UI Bootstrap to make a Carousel Form
Could someone build me an example ui.bootstrap carousel that has a manual button for sliding, and include two divs of content? I cannot seem to figure out how to use carousels from just their example.
...
0
votes
0answers
21 views
Modular way manipulate datepicker in AngularUI-boostrap datepicker
I coped this example of a single date picking field:
http://plnkr.co/edit/DWqgfTvM5QaO5Hs5dHco?p=preview
In a scenario that there is two or more fields to pick dates, I wonder, should I simply copy ...
