AngularJS is an open-source JavaScript framework. Its goal is to augment browser-based applications with Model–View–Controller (MVC) capability, reduce the amount of JavaScript needed to make web applications functional. These type of apps are also known as Single-Page Applications.

learn more… | top users | synonyms (3)

13
votes
2answers
304 views

AngularJS - REST + Authentication service

I have a REST web service that uses OAuth 2 for authenticating and authorizing requests. I have an endpoint, that when receiving the correct credentials, responds with an access token that will be ...
4
votes
0answers
37 views

AngularJS inheriting from a base directive

I'm wrapping ui-select in my own directives to pre-configure and style it, as I need it for my app in different select widgets. They appear on many pages, for example ...
0
votes
0answers
44 views

Initializing an AngularJS app

I've created code in each of my controllers and directives that calls an initer function in the main app.js module, the function just passes strings which are ...
3
votes
1answer
31 views

MVC partial views and AngularJS modules

I am using MVC+Angular. In MVC, I created partial views for search, listing, etc. I show them using: ...
3
votes
2answers
46 views

MVC and Services

I'm writing and app in AngularJS and am learning about writing RESTful services. I also want to make sure that I'm understanding the MVC pattern correctly. In my code, this is my take on how I'm ...
0
votes
1answer
37 views

AngularJS to-do list controller

I am new to Angular. Am I following best practices here? I understand controllers should not do too much. My controller seems to have a lot of logic here. Can I do anything to improve it? It is just a ...
1
vote
1answer
17 views

Shuffling and hiding views specified by parameters

In my Angular app, users click on different icons. When a user clicks on respective icon, I can show the icons gallery, as well shuffle the view. Apart from this ...
2
votes
1answer
27 views

Navigational bar content built depending on login state

I created a login service which holds a boolean based on if a user is logged in or not. ...
1
vote
1answer
42 views

Angular directives

Can you give me tips about this code? I'm thinking it's very messy. ...
0
votes
0answers
7 views

Angular controller to fetch information on conractors [sic] and projects

In my Angular controller, I am using 3 different functions to get the data. It works fine, but is there a way to simplify this? ...
3
votes
1answer
42 views

Checking tag colors

I have an array vs.tags which may contain hundreds of objects, and a smaller array coloredTags which only contains up to 3 ...
3
votes
1answer
58 views

Creating a symbol toolbar with Angular

I have been given a requirement to create a symbol toolbar, a toolbar where each button represents a unique symbol. This is how the toolbar would work: A user clicks inside a text field and enters ...
2
votes
1answer
14 views

Showing popup according to the header nav link

I am showing templates in popups according to the user navigation links. It works for me, but, is this the correct way to do it? ...
6
votes
2answers
158 views

Profiles with profiling checkboxes

I have this HTML down below that creates a list with two columns, the left one containing profile information, and the right one containing checkboxes of the user feedback in a horizontal list. The ...
-1
votes
1answer
38 views

Angular ng-show

Is there any easier/shorter/better way to do the marked part? plnkr ...
21
votes
5answers
802 views

Cardshifter game lobby

We've been hard at work creating a browser-based GUI/Client for playing the Cardshifter TCG for the past week or so. Today, I just finished doing a pretty complicated layout for the chat lobby, along ...
4
votes
0answers
57 views

Datepickers for departure and return dates

I have to two datepickers. I want achieve a following functionality: when return date cannot be selected before departure and departure cannot be after return date. Mainly I am interested in ...
3
votes
1answer
35 views

Width-based panel collapsion

This code adds the toggle functionality for mobile devices. So, for width lower than 990px, the panel collapses, and the user can toggle to open / close it. ...
0
votes
1answer
57 views

Formatting data for use in a controller

I am using the function inputSetup to prepare an array for a multi-select directive. I am passing in an array with the existing selections (...
6
votes
1answer
160 views

Mocking dependencies when unit testing AngularJS services with QUnit

I'm trying to unit test an AngularJS service that is dependent on another service, using QUnit as my testing framework. The first test I'm writing is one to verify that my service calls another ...
3
votes
1answer
25 views

Adjusting Angular.js model based on browser width

I have an Array of 5 objects, some key values need to be changed based on the browser width. ie: 5 cols, 4 cols, 3 cols or 2. vs.streams is an Array which is tied to a AngularJS model. When the ...
-1
votes
2answers
60 views

Program that filters JSON data based on user selection

I have made a basic program using AngularJS that displays data from a JSON file, and filters it according to the user's selection (specifically FIFA 15 chemistry cards). I did plenty of CSS work to ...
2
votes
1answer
38 views

Bootstrap Modals

I am learning how to implement Bootstrap modals in AngularJS. I can do it when the modal code (the actual popup window code) is on the main page, but I want to be able to display external files so ...
1
vote
4answers
170 views

Function to split full name into first & last

In angular, I have an input field for a user's full name. And a function called splitName which extracts the first / last name from the field. Is there a way to ...
3
votes
1answer
56 views

Iterating through a range using lodash/AngularJS and saving data

The code below doesn't seem right to me. The scenario is: User enters in a "quantity" into a form field. If the user enters in 5, the loop below should iterate 5 times. There should now be 5 new ...
2
votes
1answer
66 views

Controller.js of CRUD vehicles

I never took an application in a Model-View-Controller architecture and have some difficulties in front-end. The following code works fine, but what can I do to make "layers" of better code and even ...
1
vote
1answer
39 views

Scroll related inline image resizing

I have been working the some project and I'm struggling to find the answer. Right now I'm coding with Angular and there some code that makes me write twice. There only two arrays now but if I have ...
2
votes
0answers
34 views

AngularJS Cookie Manager

Just looking for an initial steer on my AngularJS implementation. Background Started work on a clients new site which uses a popular CMS as the backend and AngularJS has been chosen as the client ...
-1
votes
1answer
39 views

Properly Structured Angular Application

I've been writing a somewhat complicated service that involves a lot of API function calls in Angular. After a somewhat tortured first attempt I have tried to take more of an MVC approach rewritten ...
0
votes
1answer
31 views

Choosing between local and server data

I have some working code, but it seems a bit clunky. I need to get data from a service. The service will hold the data in local storage if possible (to make it speedier), but if it's not been ...
0
votes
1answer
32 views

Watch for CRUD state changes and make sure only one is active at once

I'm using AngularJS and I have a watch task in my controller that needs to be dried up if possible. Basically it watches for state changes in my front end. I have 3 buttons: add, edit, and delete ...
3
votes
1answer
59 views
2
votes
1answer
82 views

Idle Miner part 2: levels service

My previous post had no response, so there is part of the whole - levels service. It stores levels with it's attributes. I'd like to hear any suggestions about code readability and code performance. ...
1
vote
2answers
219 views

Typeahead / Autocomplete using AngularJS directive

I am writing a Type-ahead / Autocomplete search with angular using directive and filter service. I am almost there but need your expert opinions on things which I am planning to achieve. Git ...
2
votes
0answers
77 views

Simple clicker game

I have started my clicker game using angular.js about week ago. I have finished current functionality first night, but still have feeling of misunderstanding some basic approaches. This is sources ...
2
votes
1answer
102 views

AngularJS image size validation directive

I've written a directive to validate the width and height of an image in AngularJS. I'm not a JS genius but I get along with it. So I would appreciate some feedback on this directives code if this can ...
1
vote
1answer
89 views

Angular filter to format temperature

Below is a basic filter I created with Angular that does temperature conversion. I'd like to get thoughts on how to improve this code from both an Angular perspective and a general JS perspective. ...
3
votes
0answers
185 views

Asynchronous iterator for AngularJS

I wrote this as a convenient way to batch together multiple, repetitive AJAX calls. I was working in angular at the time, so I use the $q service, but I'm sure it ...
2
votes
0answers
44 views

Extending directive scope to server side templates, and deferring dependency injection of modules in AngularJS

I read this article that I really liked and wanted to implement the ideas it had. It basically says don't use $scope or ng-controller; instead, use directives with templates that get their angular ...
1
vote
1answer
58 views

Resolving promises on resolver using ui-router

We're rewriting some parts of our application. We're trying to avoid the promise anti-pattern and do things properly, but I'm not certain that we did so. More precisely, we are rewriting the resolver ...
2
votes
0answers
19 views

Index-based template

In my code, when the index is 0, I am supplying the second template which contains the word as arif. With the rest I am ...
2
votes
1answer
60 views

Matching and pushing array

This code works, but I feel like it's really hacky and could be done a lot better. Can anyone give some advice on how this could be neater? ...
2
votes
1answer
115 views

Angular Broadcast Asynchronous Events

Okay I have the following use case: Module A broadcasts an event. Module B listens to that event. Maybe also ...
12
votes
2answers
183 views

FizzBuzzLizardSpock

I decided that since I was learning AngularJS and Bootstrap, I'd be remiss not to post a FizzBuzz, but FizzBuzz bores me, so I've extended it. My version of FizzBuzz is configurable, and allows you ...
3
votes
1answer
30 views

Avoid jQuery in click event

I have the following controller: ...
1
vote
1answer
61 views

Flow of Angular Promises

I recently put in a submission for a small coding challenge using Angular. The challenge was to get a token and array of values using a GET request then make another GET request passing the token and ...
1
vote
1answer
46 views

Massive Number Of Scripts With Angular

I've recently started switching from JQuery to Angular and it's awesome at making my HTML expressive and easy to read but every reusable module I make has its own script which leads to a massive ...
1
vote
2answers
54 views

Producing a nested data set from flat data

I have this example data : ...
4
votes
0answers
45 views

Using setTimeout to get scrolling chat window to work, but doesn't feel like the ideal solution

My friend and I are working on a bare-bones chat web app, using Angular on the front end. He's using Swampdragon for some of the real-time stuff. My task that I set out to achieve was to get the chat ...
3
votes
0answers
47 views

Directive to randomly show/hide elements

This directive works fine but I have the feeling that I'm not doing it the "angular way" with .attr('hide', 'true'). Is there a better way to show or hide elements ...