Tagged Questions
0
votes
0answers
5 views
AngularUI DatePicker - remove additional week row
How can you remove the last unnecessary week row in the AngularUI DatePicker (see image below) .
0
votes
0answers
9 views
Nested SELECT options
I am looking for a directive that allows the user to see elements in a dropdown in a hierarchy. The SELECT tag supports . But this allows only 2 levels. I would like to show about 5 levels. For .e.g.
...
0
votes
1answer
3 views
Dynamic max-Value in AngularUI/ UI Bootstrap progressbar directive
I am using Angular UI/UI Bootstrap's Progressbar directive (http://angular-ui.github.io/bootstrap/) like so:
<progressbar max="questions.length" value="currentQuestion">
{{currentQuestion}} ...
1
vote
2answers
32 views
Sorting with ng-repeat Angularjs
I have an array
$scope.answers=["","","",""]
means Array have multiple empty elements .
<li ng-repeat="item in answers "><input type="text" ng-model="item"/></li>
it throws ...
0
votes
1answer
14 views
Removing items from an angularjs ui dropdown
I'm currently trying to dynamically remove elements from a angular-ui dropdown instance, but the dropdown contents seems to 'reset' to the element I want to remove.
Here's a plunker illustrating the ...
0
votes
2answers
19 views
Navigate to angular page template from bootstraps navbar dropdown
I'm building a web app with angular for the first time and have use the bootstraps css (angular ui). I'm using the navbar from bootstrap and route to ng-templates with ng-route. Everything works fine.
...
0
votes
1answer
26 views
can't use resolve data in modal
Have problem sending data to modal with resolve.
I have this template:
<div class="split wrapper" ng-app="myApp" ng-controller="appCtr">
<script type="text/ng-template" id="tablesModal">
...
0
votes
0answers
34 views
AngularJS - Cannot read property 'fieldName' of undefined when using $scope.formName.fieldName.$viewValue
We have a form on submission of which we show a modal dialog. The modal also contains a form, whose values i am trying to retrieve.
I can get the value using ng-model, but in case of validation ...
1
vote
1answer
30 views
How do i check all my html contents are loaded in angularjs?
I am using angularJS 1.2.1 and angular-ui-bootstrap
In my code i have list of <ng-includes> from angularjs and <accordion> from angular-ui
But when i load the content i want to make ...
0
votes
1answer
35 views
How to handle big list of items in drop-down angular-ui?
I use angular-ui drop down
It works fine but I have no clue how to handle multiple item in drop down.
Consider following example in Plunker
HTML
<div class="btn-group" dropdown ...
0
votes
0answers
14 views
Angular-ui-boostrap canonical bower package name
it seems that both angular-ui-bootstrap and angular-bootstrap bower packages have the same content, and are both published by angular-ui bower user.
I'd just like to know which I should use.
What I ...
0
votes
1answer
66 views
ng-model is not working inside a ui bootstrap modal window and angular
I'm using this modal window using angular and bootstrap ui
<script type="text/ng-template" id="myModalContent.html">
<div class="modal-header">
<h3 ...
-1
votes
1answer
27 views
Argument passed to $modal is undefined?
Using angularjs UI I'm trying to pass an argument to my modal.
The thing is, item is undefined. I've checked out the documentation etc. and I don't get what I'm doing wrong here.
The controller ...
0
votes
0answers
36 views
How to toggle Navbar dropdown in Angular UI Bootstrap?
I'm trying to get the navbar dropdown work on UI Bootstrap. It works perfectly on button dropdown, but i couldnt get it to work inside navbar. Could you please help me?
<div class="collapse ...
1
vote
0answers
190 views
“TypeError: Cannot read property 'add' of undefined” error with ng-animate
After I update from 1.2.24 to 1.3.0-rc.2 I'm getting following error. When I remove ngAnimate from modules, it disappears. Only thing that uses animates is angular-ui-bootstrap.
TypeError: Cannot ...
0
votes
0answers
14 views
Hiding modal-header in angular ui modal
I am using angular ui modal, I dont want to have anything in the modal header, the problem is that if i dont define div class modal header, i will see annoying boder:
If i add modal-header.. ...
0
votes
1answer
37 views
Display text inside input text while using Angular JS
Below is my code. Selected text from dropdown is displaying beside input text.
How can I display that inside input text. This is because "holdOrder.CenterName" is out side beside input text
...
2
votes
1answer
38 views
Interacting with content behind Bootstrap modal popup
I'm using Angular UI Bootstrap in an AngularJS project for modal popups.
The modal has a parent div like this:
<div tabindex="-1" role="dialog" class="modal fade ng-isolate-scope responsiveModal ...
0
votes
1answer
39 views
Confused by AngularUI modal documentation
I am new to Angular and confused by the documentation for AngularUI modal dialog. I don't see how the code presented there would fit in with the controller for the main page, or how a button on the ...
0
votes
0answers
14 views
Can angular-ui-bootstrap be used to mobile platform?
I am going to develop an app with angular, but I'm confused which ui to choose between angular-ui/bootstrap and Mobile Angular UI. The former seems to be more official but the latter is more friendly ...
0
votes
1answer
61 views
Angular-UI: Force Typeahead results
I have a text field that uses AngularUI's typeahead feature. It looks like this:
<input typeahead="eye for eye in autocomplete[column] | filter:$viewValue">
I'd like to force the user to ...
0
votes
1answer
38 views
connecting datetimepicker to angularjs with bootstrap v3
I'm basing this question on a previous question here connecting datetimepicker to angularjs
which was answered by a working planker http://plnkr.co/edit/jZ6QyrLNajRgIMSlUqsg?p=preview
I'm trying to ...
0
votes
1answer
42 views
Angular-ui and how to bind modal form inputs
I'm learning AngularJS currently and am just playing with ui-bootstrap.
I've created a simple modal with a form and I'm trying bind to the attributes on the main page (the page from which the modal ...
1
vote
3answers
79 views
Not able to load $http.get - JSON data in ui tabset child tabs
I tried to load a dropdown with the response got from http post. But its failing to load on child tabs.
When i click next button from tab1. I make a post call and get a JSON back. Using the returned ...
2
votes
1answer
57 views
Tabset $rootScope scope not updating
I've a screen in below structure.
UserExperienceScreen
<tabset>
tab 1 - <controller> <form> - input fields - form submit - go to tab2
tab 2 - ...
0
votes
0answers
79 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 ...
1
vote
2answers
68 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
62 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 ...
1
vote
0answers
28 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
26 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
2answers
90 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
54 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',
...
0
votes
0answers
214 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 ...
1
vote
1answer
56 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
56 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
1answer
36 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
1answer
44 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
0answers
33 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
1answer
76 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 ...
0
votes
1answer
35 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
202 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
1answer
88 views
Year Picker in popup with angular-ui bootstrap
I'm trying to have a year picker using the angular-ui Bootstrap datepicker directive.
It works when it is inline, but not in the popup. Setting the options via datepicker-options doesn't matter for ...
0
votes
0answers
33 views
multiple months display for angular bootstrap datepicker
Is there an option in Angular UI Bootstrap Datepicker to display multiple months? like numberOfMonths option in JQuery datepicker.
0
votes
0answers
45 views
MobileAngularUI scrollable directive for Windows Phone 8 (WP8)
I am using the mobile angular UI framework to develop our new app. it works great in android and ios, but having a couple problems with WP8.
The worst problem i have is that the scrollable ...
0
votes
2answers
92 views
ng-include changing behavior of angular-ui datepicker
I was using ng-include on a few of my pages, however I had to stop using ng-include because it was breaking the angular-ui datepicker. I opened this Github bug.
I am wondering if anyone else was ...
0
votes
0answers
41 views
Change Day Header Format in Angular UI Datepicker
Currently, the default formatDayHeader for Angular UI is "EEE" which will provide header of
[Sun, Mon, Tue, Wed, Thu, Fri, Sat]
I would like to change the format to initial of the day name like [S, ...
0
votes
1answer
60 views
Can AngularJS $modal service (ui.bootstrap.modal) be made to block synchronously?
I am using the AngularJS $modal service (ui.bootstrap.modal) to present a dialog box:
$modal.open({
templateUrl: 'resources/qad/qraview/view/qModalDialog.html',
controller: ...
1
vote
0answers
41 views
cannot get angular ui bootstrap modal to work
I'm using angular-ui with bootstrap and when I try to use the modal, it brings up something and darkens the background, but does not display my content. I see it requesting the proper background and ...
1
vote
0answers
38 views
How to do page transition in AngularJS
I am trying to do page transitions whenever the page is routed to a new path.
I could find awesome transitions @ AngularJS Transitions by Minko Gechev
But I am not able to apply these transitions on ...
1
vote
1answer
160 views
how to show html on pop over using angular ui bootstrap?
I make demo of pop over like this .It show a pop over on right side when I click the button .But now problem is that how I will show some html on pop over .
<html ng-app="plunker">
...
