Tagged Questions
0
votes
1answer
12 views
angularjs ui-router default child state
Consider the following:
.state('manager.staffList', {
url: '^/staff?alpha',
templateUrl: 'views/staff.list.html',
data: {
activeMenu: 'staff'
},
controller: ...
0
votes
1answer
18 views
fullcalendar not visible until button is clicked or window resized?
I'm using jquery full calendar with angularJS and angularstrap. The problem it seems is that the calendar will only display when I either click on one of the buttons in the calendar or resize the ...
0
votes
1answer
20 views
Angular Bootstrap UI pagination: Can the page number be customize?
Wanted to know if there is a way to customize the numbers displayed in the pagination UI. The reason is that if I haa a large number of pages, I would like to change the page number to have a "...". ...
0
votes
1answer
67 views
AngularJS - accessing directive scope
So, I'm looking to use ui.bootstrap.tooltip to appear when an element in a form is invalid.
I'm using a directive to do this - it's a bit ugly, but it works. Except for one thing - the controller ...
0
votes
1answer
24 views
What is the preferred way of lazy loading data for an ng-include in Angular?
I create (parent) rows when looping through a list of objects using ng-repeat. I also create a hidden row. The visible row contains soms basic data and the hidden row (detail) contains all the data. I ...
0
votes
0answers
14 views
Valid fields object does not update after button click
I have a bunch of input fields I want to do custom validation on.
As the user types I run validation on that particular input using the keyup event from angular ui.
I have a valid_fields object ...
2
votes
1answer
108 views
How can I use Bootstrap Multiselect Dropdown in AngularJS
I want to use Bootstrap Multiselect Dropdown http://davidstutz.github.io/bootstrap-multiselect/ in AngularJS. I hear that it's necessary to move it to Directive. But I think it's quite complicated ...
2
votes
1answer
27 views
How to hide column in ng grid
here is my code:
index.html
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<link ...
0
votes
1answer
14 views
Two-way data-binding with ng-grid?
How do I get two-way data-binding with ng-grid?
I am working from their pagination example, and have figured out how factory and broadcast work; and have thus successfully loaded new versions of my ...
-1
votes
0answers
25 views
ng-grid CSS highlight on select?
How do I get ng-grid highlight on select, with the color coded example?
Plunkr: http://plnkr.co/edit/fGhK5VNwFH6GNakZ1TVq
CSS portion which highlights non-color-coded rows when selected (line 304):
...
0
votes
0answers
38 views
What is the preferred way of loading popup data in ANgular?
In my application the user can add a customer via popup. In this popup some combo boxes must be filled with data from the database, for instance countries.
I have placed the add customer form in a ...
0
votes
0answers
38 views
angular-ui typeahead select id instead of object
I'm trying to set an id in the typeahead instead an object and it doesn't work like a select element.
Here is an example, where you can write the correct word in the typeahead, and then the select ...
2
votes
1answer
75 views
Angular ui calendar will not load from injected controller
I'm using AngularJS and requireJS and I'm using this seed template to help me to get Angular to place nicely with requireJS which can be found here LINK
At the moment I'm trying to integrate ...
2
votes
0answers
46 views
AngularUI ui-select2 causes “select” to be dirty
I am trying to have angular validation on my page.
I have a plunkr here that shows a normal select that behaves the way you would expect. It starts off not selected, when you select an option and ...
0
votes
1answer
59 views
Three level nested routes in angular-ui-router
Im trying to get my nested route working but it's giving me hard time for two days now :(
one level works fine
two levels works fine
three levels is not working!
can anybody please help me out?
...
0
votes
0answers
59 views
Angularjs bootstrap datepicker: Select multiple dates
I am trying to use the angular UI strap datepicker. How to select more than one date from the datepicker and return the value as an array.
http://mgcrea.github.io/angular-strap/#/datepicker
1
vote
1answer
46 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 ...
0
votes
1answer
65 views
Form Validation with Dependent Fields in AngularJS
I have an object that has 2 fields, while 1 should be less than or equal to another.
Say it's HDD quota settings and I need the threshold to be less than or equal to HDD's size.
I am trying to use ...
1
vote
0answers
28 views
Otherwise on StateProvider
Using angular-ui-router, How can I user the otherwise method on $stateProvider or how can I use it at all ?
1
vote
1answer
49 views
AngularJS + HammerJS + AngularUi: Using event passthrough
The following code is suppose to use AnguarUI's Event directive to pass through the HammerJS event but it doesn't work. I'm obviously missing something but don't understand exactly what. There are ...
1
vote
2answers
58 views
How can you hide a tab in Angular Boostrap UI using ng-show?
I'm trying to display a tab using angular bootstrap UI and ng-show. It simply doesn't work.
<tabs ng-model="currentTab">
<pane heading="Triggers" active="panes['triggers'].active" ...
2
votes
0answers
61 views
Why doesn't cursor change to pointer/hand on Tabs, Pagination, Dropdown Toggle etc in angular-ui-bootstrap?
I have to add the following code:
<style type="text/css">a {cursor:pointer;}</style>
to make cursor change to pointer/hand on links for Tabs, Pagination, Dropdown Toggle etc.. in ...
0
votes
1answer
167 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>'
...
0
votes
1answer
82 views
angular wizard ng-view and angularui modal
I am building a wizard in angular using the angular-ui bootstrap modal component.
In my main page, I am already using ng-views for navigation.
The goal is to create a modal wizard on one of these ...
0
votes
0answers
59 views
AngularJS + ui.calendar duplicate calendars
please check ui.calendar plugin for AngularJS
https://github.com/angular-ui/ui-calendar
i downloaded source code and check it in browser. I see duplicate calendars.
I need only one instance with ...
0
votes
1answer
38 views
Check if a input box is empty
How can I check if a given input control is empty? I know there is $pristine property on the field which tells that if a given field is empty initially but what if when someone fill the field and ...
0
votes
1answer
40 views
How to pass AngularUI Google Map object to a factory or request transformation?
I have a REST service that returns geo-coordinates that I'm consuming with a factory using $http in AngularJS. In order to display these coordinates as markers, I need to create google.maps.Marker ...
0
votes
1answer
63 views
Angular-UI run dropdownToggle from ng-click
Is there any way to run dropdownToggle from ng-click directive ?
I am using it with ngMobile to avoid delayed click of "Actions" button on touch devices.
<div class="btn-group">
<a ...
1
vote
1answer
48 views
ng-show directive not working properly
I am using ng-show directive to show/hide the alert box in my ui:
<alert ng-show="{{showAlert()}}">{{showAlert()}}</alert>
My controller code is:
$scope.showAlert = function () {
...
2
votes
1answer
111 views
Enable angular-ui tooltip on custom events
I am trying to use angular-ui's tooltip functionality to show my user that a particular field is invalid but it seems that the tooltip can be shown only on some pre-defined triggers. Is there any way ...
0
votes
1answer
121 views
angular-ui bootstrap accordion: How do I properly $watch the is-open attribute?
I'm trying to perform an action when a specific accordion-section is openend. My use-case is almost identical to this question here, only I'm using statically defined 's instead of ng-each.
Somehow I ...
1
vote
1answer
183 views
AngularJS jQuery File Upload Plugin Errors in a $Dialog Service Box
I am working on implementing the AngularJS code of the jquery file upload plugin found: http://blueimp.github.io/jQuery-File-Upload/ within a $dialog box using the $dialog bootstrap directive found: ...
0
votes
0answers
82 views
How do I set model according to chosen accordion group. UI Bootstrap
I'm working on accordion using Angularjs and this directive: http://angular-ui.github.io/bootstrap/#/accordion
I have an accordion similar to this:
<accordion close-others="true">
...
1
vote
1answer
62 views
Closure-Compiler externs for AngularJS ui-router
Are there closure compiler externs available for AngularJS's ui-router?
Is there an appropriate place to ask for these from the closure compiler (or Angular-ui) team?
0
votes
1answer
67 views
Using FullCalendar methods with AngularUI wrapper
I'm trying to integrate AngularUI's calendar wrapper into my application, and the calendar initialization works fine. However, I don't see how I can call calendar methods from here. Here's my ...
0
votes
1answer
159 views
AngularJS creating additional scopes on opening modal dialog multiple times
I have a modal with angular-UI bootstrap. Because I've a dozen of different forms I want to show in the modal, I'm using a ng-include directive inside the modal. The src attribute is changing ...
0
votes
1answer
61 views
Access $locale in angular.module('xxx').value
I'm using angular-ui:s date directive (uiDate) and need to configure it. I can do that like this:
app.value('ui.config', {
date: {
dateFormat: 'yy-mm-dd', // <-- I want to use ...
2
votes
3answers
588 views
angularjs ui-router - how to build master state which is global across app
<html ng-app="app">
<head>
...
</head>
<body>
<div id="header"></div>
<div id="notification"></div>
<div id="container"></div>
...
0
votes
1answer
86 views
Capture “updater” action from AngularUI's Bootstrap Typeahead
How can I capture the "updater" event from AngularUI's UI Bootstrap directive?
I've defined my HTML:
<input type="text" pattern="[0-9]*" class="span6" placeholder="8675309" ng-model="empid" ...
0
votes
2answers
61 views
Using a Conditional Statement in AngularUI's Collapse Directive
Can I place a conditional statement into the collapse directive for AngularUI?
I have the following setup, which has 3 radio-style buttons:
<div class="controls controls-row">
<div ...
1
vote
2answers
192 views
Should I use RequireJS with AngularJS (and if so how to fix Angular UI dependency issue)?
Although this excellent article on building large Apps with AngularJS http://briantford.com/blog/huuuuuge-angular-apps.html states “I have never seen any instance where requireJS was beneficial in ...
0
votes
1answer
43 views
AngularJs and jQueryUi
I am using both the angularJs and jQueryUI. But only one of them is working at a time, it has a first come first serve basis.
I am baiscaly using accordian function of jqueryUi, but it throws error ...
0
votes
2answers
72 views
AngularUi jQuery Passthrough - call method to get plugin value
I'm using AngularJS, AngularUI's jQuery passthrough uiJq and jQuery's noUiSlider plugin, but the question is really about accessing a method. The html portion correctly renders a slider, and I need to ...
0
votes
1answer
142 views
Large single page application with 'portal' or MDI like functionality using AngularJS
I have a question related to how to best compose a very large single page application using angularjs and if necessary ui-router.
My scenario is this.
I have multiple components which can be say ...
0
votes
2answers
265 views
ng-grid not working in IE8
I'm going nuts trying to figure out why ng-grid isn't working in IE8. I get this error: Expected identifier, string or number ng-grid-2.0.5.debug.js, line 1535 character 17.
I'm copying an example ...
0
votes
1answer
203 views
Angular UI - Bind and unbind for keypress
I want to bind/unbind the keypress when user clicks to the checkbox. I tried to code a bit but not work at all without error in javascript console.
HTML
<textarea name="message" ...
0
votes
1answer
89 views
How to pass parameter in select2 ajax angularjs?
My Html code is <div class="control-group" ng-repeat="ty in transType">
<label class="control-label">{{ty.description}}</label>
<div class="controls">
...
0
votes
1answer
41 views
Use full screen modal on route change
I want to implement a full page modal that overlays immediately upon another page when a route is triggered. How can I accomplish this on AngularJS? I use Angular-UI's modal directive to open modals, ...
0
votes
1answer
156 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 ...
0
votes
0answers
100 views
can i drag and drop the items ng-iclude to ng-view using angular-dragdrop directive?
In the document,I have two views one is with ng-include and another one from ng-view.Now i want to drag the elements from ng-include and drop them on ng-view.can i use angular-dragdrop directive for ...