angularjs-service

What is the difference between value and ng-value attributes in angularjs templates? If I use ng-if on the field using value attribute it works properly but if I change the attribute value to ng-value it stops working. example 1 // it works <input type='radio' ng-model='difficulty' value='hard'/> <div ng-if="difficulty == 'hard'"> <p>difficulty is hard</p> </div> Example 2 // it doesn't work <input type='radio' ng-model='level' ng-value='hard'/> <div ng-if= "level == 'hard'" > <p>level is hard</p> </div> According to the docs , ngValue takes an "angular expression, whose value will be bound to

Angularjs docs give the usage of $controller service as: $controller(constructor, locals); Can anyone focus some light on these 2 points: When to use $controller service. Please provide some use case. Details about 'locals' parameter passed to it. You can create common functions which are to be executed on $scope into one controller may be named 'CommonCtrl' . angular.module('app',[]).controller('CommonCtrl', ['$scope', function($scope){ var self = this; $scope.stuff1 = function(){ } $scope.stuff2 = function(){ } self.doCommonStuff = function(){ // common stuff here $scope.stuff1(); $scope

Is it possible to inject one service into another service in angularJS? Yes. follow the regular injection rule in angularjs. app.service('service1', function(){}); //Inject service1 into service2 app.service('service2',function(service1){}); Thanks to @simon. It is better to use Array injection to avoid minifying problem. app.service('service2',['service1', function(service1) {}]); Yes. Like this (this is a provider, but same thing applies) module.provider('SomeService', function () { this.$get = ['$q','$db','$rootScope', '$timeout', function($q,$db,$rootScope, $timeout) { return reval; } });

I am an angular newbie, I am building an application, one thing really puzzling me is there are couple of ways of defining a service, and I read more from this link: How to define service then it seems there is no big difference among the ways of defining a service. but I just noticed one difference which I think is different: see this service I get from here http://jsfiddle.net/2by3X/5/ var app = angular.module('myApp', []); app.service('test', function($timeout, $q) { var self = this; this.getSomething = function() { return self.getData().then(function(data) { return self.compactData(data);

I'm writing a service that will retrieve data asynchronously ($http or $resource). I can hide the fact that it is asynchronous by returning an array that will initially be empty, but that will eventually get populated: .factory('NewsfeedService1', ['$http', function($http) { var posts = []; var server_queried = false; return { posts: function() { if(!server_queried) { $http.get('json1.txt').success( function(data) { server_queried = true; angular.copy(data, posts); }); } return posts; } }; }]) .controller('Ctrl1', ['$scope','NewsfeedService1', function($scope, NewsfeedService1) { $scope.posts

I have the following angularjs service: angular.module('app.main').factory('MyService', ["$http", function ($http) { return new function () { this.GetName = function () { return "MyName"; }; }; }]); How can I call GetName function from MyService from legacy js code? mitch Use angular.injector . Using your code you can do something like the following: angular.module('main.app', []).factory('MyService', ['$http', function ($http) { return new function () { this.GetName = function () { return "MyName"; }; }; }]); angular.injector(['ng', 'main.app']).get("MyService").GetName(); Here is the

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) { $modal.open({ templateUrl: template, size: 'lg', controller: function($scope, $modalInstance) { $scope.ok = function() { $modalInstance.close($scope.selected.item); }; $scope.cancel = function() { $modalInstance.dismiss('cancel'); }; } }); }, close: function() { // this should close all modal instances } }; }]); How can I close all modal instances when calling ModalService.close() from a controller or whatsoever?

I have a service in Angular which uses my API to get user information and provides it to my controllers. It's set up like this: angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'ngResource', 'infinite-scroll', 'ui.bootstrap', 'ngCookies', 'seo']) .service('userInfo', function($http, $cookies){ $http.get('/api/users/' + $cookies.id). success(function(data) { var userInfo = data.user[0]; return userInfo; }); }). // other stuff comes after this In my controllers, I include it like: function userProfile($scope, $cookies, userInfo, $http, $resource, $routeParams,