Tagged Questions
0
votes
0answers
6 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
0answers
13 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 ...
1
vote
0answers
14 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
19 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
16 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
20 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
15 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
38 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
16 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
13 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
35 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
42 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
28 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
21 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
25 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
12 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
67 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
21 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
36 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
19 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
30 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 ...
1
vote
2answers
36 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
33 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
27 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
28 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
27 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
44 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
15 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
20 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 ...
0
votes
0answers
30 views
Angularjs Datepicker doesn't react when new minimum date set
I use Angularjs and so I use ui.bootstrap's Datepickers for Start Date and End Date. I would like to grey out all the dates that come before selected Start Date, but the problem is, even that "min" ...
0
votes
1answer
30 views
Typeahead get multiple value beside the list name
I found its hard to imagine a way to obtain a set of value for the typeahead directive.
for example, in this plunker,http://plnkr.co/edit/Sj0kOGipJ4gNv3VCnKzJ?p=preview
index.html
<!doctype ...
3
votes
1answer
29 views
angular bootstrap dropdown in a table cell
I'm trying to put an angular bootstrap dropdown in a table. The dropdown gets cut off at the end of the cell. In this image, 'Another option' gets cut off.
If I used a normal select/option, I get ...
1
vote
0answers
15 views
Why does AngularFire $remove reload the controller?
In an Angular app I have a table for 'Contacts', which is loading my Contacts from a FireBase database, using AngularFire. I'm trying to build in the UIBootstrap pagination directive ...
0
votes
1answer
23 views
How to add an angularui accordion-group dynamically
In an angularjs service, I am adding the HTML for an accordion-group to the DOM of an accordion element. What results is the display of the accordion-group as if it were a panel - no title bar, no ...
0
votes
1answer
31 views
How to communicate between directive (tree component) and any other controller or directive in AngularJS app?
First of all, I have read so much info you all share about communication between controllers, that I'm now so confused about the BEST way to do it. I understand I should use service, but don't really ...
0
votes
1answer
96 views
What do I need to include that angular bootstrap just simply works
I have included these in my index.html because bower is including them:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- bower:js -->
...
0
votes
2answers
39 views
How to change valid HTML tags that get rendered in ng-bind-html?
I have a text editor (textAngular) that I've modified to limit the number of valid HTML tags I can generate using that tool. Now, I want to only support a limited number of HTML elements (h3, h4, h5, ...
1
vote
1answer
69 views
Angularjs : Showing no search result in typeahead when no match is found for entered string
I am using Angular UI-bootstrap typeahead.
I have HTML
<input type="text"
ng-init="selectedCrossFormFieldText = selectedCrossFormFieldText || {}"
...
1
vote
3answers
52 views
Angular UI Bootstrap modal inside ngRepeat
I am making an app, where I have a lot of input fields. Those input fields are generated from JSON object array field with AngularJS ngRepeat directive and have a button next to them which open an ...
0
votes
1answer
46 views
angularjs : @mention in textarea
I want to display an autocomplete form triggered by the word @ in my textarea like this library http://ichord.github.io/At.js/ but only using angularjs & css
What kind of directive should I write ...
