100
votes
5answers
10k views

When writing a directive, how do I decide if a need no new scope, a new child scope, or a new isolate scope?

I'm looking for some guidelines that one can use to help determine which type of scope to use when writing a new directive. Ideally, I'd like something similar to a flowchart that walks me though a ...
17
votes
2answers
10k 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
4answers
568 views

angularjs share data config between controllers

I'm wondering what could be a good way to share directive between controller. I've got ie two directives to use in different controller with different configuration the first think I thought of using ...
35
votes
2answers
13k views

How to tie angular-ui's typeahead with a server via $http for server side optimization?

The typeahead example (http://angular-ui.github.io/bootstrap/#/typeahead) mentions it's easy to implement a back end into this autocomplete, but provides no example. What interests me in particular is ...
14
votes
2answers
6k views

Can you override specific templates in AngularUI Bootstrap?

I'm curious if there's a way to override single, specific templates from the ui-bootstrap-tpls file. The vast majority of the default templates fit my needs, but there's a couple specific ones I'd ...
29
votes
2answers
15k views

Scope issue in AngularJS using AngularUI Bootstrap Modal

plunker: http://plnkr.co/edit/wURNg8ByPYbEuQSL4xwg example.js: angular.module('plunker', ['ui.bootstrap']); var ModalDemoCtrl = function ($scope, $modal) { $scope.open = function () { var ...
19
votes
3answers
11k 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> ...
3
votes
4answers
7k views

Handle open/collapse events of Accordion in Angular

If I have this code: <accordion-group heading="{{group.title}}" ng-repeat="group in groups"> {{group.content}} </accordion-group> Using AngularJS, angular-ui and Twitter ...
63
votes
5answers
23k views

How to integrate AngularUI to AngularJS?

Sorry for the silly question, does everyone know how to start using AngularUI? I've downloaded it from Github and read the instruction in README but still don't understand what I have to do.
48
votes
4answers
33k views

How to use a keypress event in angularjs

I want to catch the enter key press event on the textbox below ... to make it more clear i am using a ng-repeat to populate the tbody .. here is the html ... <td><input type="number" ...
11
votes
1answer
9k views

Getting Angular UI to work

I've just installed Angular UI and I'm having trouble to make it work. Here are the stepts I followed: index.html (Angular v1.0.1, AngularUI v0.2.1) <script ...
10
votes
4answers
957 views

How do I use angularjs directives in generated d3 html?

I'm trying to use the angularjs tooltip directive on my d3 visualisation, so I have something like var node = svg.selectAll(".node") .data(nodes) .enter().append("circle") ...
4
votes
1answer
1k views

Angular-ui + D3: how to implement contextual menu (popover vs modal)?

Given the following use-case: I use D3js to render objects which are managed by AngularJS. I would like to add interactivity to the D3 chart. When clicking on a svg element I would like to have a ...
19
votes
3answers
15k views

Responsive dropdown navbar with angular-ui bootstrap (done in the correct angular kind of way)

I've created a JSFiddle with a dropdown navbar using angular-ui-boostrap's module "ui.bootstrap.dropdownToggle": http://jsfiddle.net/mhu23/2pmz5/ <div class="navbar navbar-fixed-top"> <div ...
6
votes
1answer
5k views

How to set aggregation with grouping in ng-grid

I want to see totals (or generally any aggregation function) for each group in a grid. This was requested and closed as done in issue: https://github.com/angular-ui/ng-grid/issues/95 (but ...
22
votes
3answers
7k 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 ?
18
votes
1answer
9k views

Setting initial values of Angular-UI Select2 multiple directive

I have a select2 directive for a multiple select of countries with a custom query to grab the data: // Directive <input ng-model="filters.countries" ui-select2="filters.countryOptions" ...
15
votes
3answers
4k 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: 'staffListCtrl'}) ...
6
votes
3answers
4k 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 ...
5
votes
1answer
6k views

angular-ui tabs loading template in tab-content

I'm using the tabs in angular-ui using this controller: $scope.panes = [ { title:"Home", content:"home" , active: true}, { title:"Settings", content:"settings"}, { title:"View", ...
2
votes
2answers
2k views

AngularJS/ng-grid - Updating array with splice doesn't updates UI

I am trying to update ng-grid with array splice. I have a plunk here. Add button adds new row. Update button updates last item in the array. Select a row & press update button. Nothing ...
3
votes
4answers
2k views

Angular UI Router: How do I get parent view to be “active” when navigating to nested view?

I'm working on a project that has implemented the UI router and it's using ui-sref-active="active" to add the active class to the navigation menu item when that item is the current route. However, ...
3
votes
3answers
2k 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 ...
1
vote
2answers
2k 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.visibilityListStr}}" ...
1
vote
1answer
2k 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
237 views

How can I get all the selected objects of Checkboxes in AngularJS?

I want to get all the selected objects of the checkboxes using AngularJS. Below is my case My view.tpl.html <tr ng-repeat="item in itemList"> <td> <input type="checkbox" ...
0
votes
1answer
105 views

How to change class depending on filter result in AngularJS?

I cannot work out how to change the style of a class depending on the status/result of the filter. My code: <div data-ng-if="search.length >= 3" > <div ...
0
votes
2answers
2k views

Angular ui grid how to show a loader

I'm wondering how to show a simple loader before data was loaded. I'm using ng-grid-1.3.2 I'm googling but I didn't find any example. Bye
16
votes
2answers
23k views

How to store the data to local storage?

Actually i am having the service which will perform some action for example retrieve the data from server and as well as storing on server it self. Instead of that i want to do all that actions by ...
9
votes
3answers
11k views

angular.js conditional markup in ng-repeat

I'm using angular.js and (for the sake of argument) bootstrap. Now I need to iterate on "things" and display them in ''rows'' : <div class="row"> <div class="span4">...</div> ...
7
votes
4answers
4k 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>' ...
10
votes
2answers
8k views

How to tell which bootstrap tab is selected in Angular-UI

Is there a way to tell which tab that has been selected when using the Bootstrap tabs in Angular UI? I tried watching the panes array but it deosn't seem to be updated when switching tab. Can one ...
2
votes
1answer
2k views

AngularJs UI typeahead match on leading characters

The typeahead functionality in AngularJs UI seems simple and powerful however I have been trying to figure out how to get the matching to be done on the leading characters. For example if I type 'A' ...
7
votes
3answers
5k views

Angular JS - Angular UI Router - Reloading current state - refresh data

I'm using Angular UI Router and would like to reload the current state and refresh all data / re-run the controllers for the current state and it's parent. I have 3 state levels: ...
7
votes
2answers
16k views

Angularjs UI Modal Forms

I used to have a login dialog using bootstrap modal: $scope.loginDialog = { backdrop: true, keyboard: true, windowClass: "modal loginDialog", backdropClick: true, templateUrl: ...
6
votes
4answers
10k views

How to achieve pagination/table layout with Angular.js?

Let's say I receive an object literal with 15+ objects and I need to display them in a nice layout (not all in a row), what is the most efficient method for controlling when the line should break/page ...
5
votes
1answer
11k views

AngularJS: How to validate date in US format?

I have the following form code that allows input of a date using AngularUI (date is required and should match US date format e.g.: MM/DD/YY): <form name="form" ng-submit="createShipment()"> ...
4
votes
4answers
3k views

Gridster jQuery plugin on AngularJS ng-repeat content going bad

I'm trying to integrate Gridster with AngularJS, but without too much success yet. Reading the documentation on Angular UI's ui-jq directive, I get the impression that this (check fiddle) should ...
15
votes
1answer
2k views

ui-router 0.2.8 , why the release dir is empty?

If I run bower install angular-ui-router --save the release dir (and there is no file named angular-ui-router.js in other dirs) is empty so I can't include the module in my script :( Do anyone ...
5
votes
2answers
2k views

Challenge repeating tr with ng-repeat

I'm struggling with a special use case. I provide you with a jsfiddle snippet at the bottom. 1. The HTML table My HTML is a table. ng-repeat directive must be applied to an html element. In my use ...
5
votes
3answers
3k views

angular ui sortable callback

Is there a way to set a callback function with angular ui's sortable? I'd like to add ng-update="foo()" to the tbody tag below and have foo run whenever the list changes. <tbody ...
5
votes
1answer
6k views

AngularJs templates not loading in internet explorer 8

I am not able to render AngularJs templates in Internet Explorer 8, I have followed several suggestions for using AngularJs in Internet Explorer but I am still not able to get it to work. below is my ...
5
votes
1answer
1k views

Angular-UI $dialog and form submit on enter key

From what I can see, the recomended way to handle enter key in dialogs in AngularJS is to place a <form> tag and a submit button inside the dialog. Fair enough, but if you use Angular-UI and ...
4
votes
1answer
1k views

How to configure tinymceOptions from angular-ui/ui-tinymce

I have decided to use ui-tinymce(angular version of tinymce) for my blog. But I cannot find the documentation for the same. Will appreciate any resource or any suggestion on configuring ...
4
votes
1answer
339 views

ui-codemirror placed within custom directives fails without an error

I am trying to use ui-codemirror angular directive from code mirror angular library and the use case is that I have to place it within a custom directive . But when I place it within a custom ...
0
votes
0answers
477 views

Angular UI slider with Require JS fires before jQuery UI

I am building an AngularJS application using RequireJs, AngularUI and jQuery UI. I occasionally get the following error when using the slider: TypeError: Object [object Object] has no method ...
8
votes
2answers
8k views

Modal Window Issue (Unknown Provider: ModalInstanceProvider)

New to AngularJS and can't seem to find out what this error means. I've found a few others with the same error but it seems their issues don't correlate to mine. Unknown provider: $modalProvider ...
7
votes
2answers
1k views

$scope.myVariable not updated in controller for angular-ui bootstrap modal

In my view I have an input, a span and a button like so: <script type="text/ng-template" id="myTemplate.html"> <input type="text" ng-model="phoneNumber"> <span>{{ ...
6
votes
3answers
1k views

How to dynamically disable ui-sortable directive in angular-ui

I am using angular-ui for sortable using ui-sortable directive. Is it possible to dynamically enable/disable sortable functionality based on the scope state? So I need to have a button which changes ...
4
votes
1answer
2k views

Pushing jQuery plugin input value to a model in AngularJS

Situation: I'm porting over, or should I say attempting to port Lakshan Perera's Simple jQuery ColorPicker (https://github.com/laktek/really-simple-color-picker) over to Angular. After reviewing ...