angularjs-controller

I have the following service: app.services.emailService = ['$http', '$sce', function ($http, $sce) { return { getMessage: function(messageId, callback) { $http.get('/api/email/inbox' + '/' + messageId).then(function(response) { response.data.message.updated_at = new Date(response.data.message.updated_at.replace(/-/g,"/")); response.data.message.body = $sce.trustAsHtml(response.data.message.body); return response.data; }); } }; }]; In my controller I am assigning the return value to a $scope.message var so that I can display in the front end. $scope.message is undefined $scope.getMessage =

I'm wondering what the use cases are for these two methods of creating a controller: Using ngController: myApp.controller('myController', ['$scope', function ( $scope ) { }]); Constructing the controller within a directive with the controller attribute: myApp.directive ( 'myDirective', [ '$window', function( $window ) { return { restrict: 'A', controller: [ '$scope', function( $scope ) { }], link: function( scope, element, attrs ) { } }; }]); Is there any reason you wouldn't construct the controller within a directive if they were both invoked on the same element? Is it simply a question of

I am using socket.io to enable chat in my app and i am using a service SocketService to perform all the socket stuff. When a message came then i want to trigger a function of a controller from the service SocketService to make some changes in the UI. So i want to know that how can i access the function of a controller from the service. Sample Code: .service('SocketService', function ($http,$rootScope,$q) { this.connect = function(){ var socket = io(); socket.on('connect',function(){ // Call a function named 'someFunction' in controller 'ChatController' }); } }); This is the sample code for

I am trying to create a two-way data binding between two isolated controllers and a shared service (which provides another isolated scope): app.factory("sharedScope", function($rootScope) { var scope = $rootScope.$new(true); scope.data = "init text from factory"; return scope; }); app.controller("first", function($scope, sharedScope) { $scope.data1 = sharedScope.data; }); app.controller("second", function($scope, sharedScope) { $scope.data2 = sharedScope.data; }); Fiddle: http://jsfiddle.net/akashivskyy/MLuJA/ When the application launches, data1 and data2 are correctly updated to the init

Here is a real-life Angular problem I can't wrap my head around. I love Angular, but this issue is bugging me a lot right now. What is the best practice to extend an existing controllers's functions, and use the extended controller on an other page of my application? In other words: How to do controller inheritance in Angular? Edited out - 23/09/2014, dont think the description of my original usecase helps the visitors to understand it better what I'm after here. I think it disctracts people from the real issue. Mihaly KR After half a year I think I understand completely what's going on. As it

This question already has an answer here: 'this' vs $scope in AngularJS controllers 7 answers I am trying to populate a list of employee objects from my controller empctrl in a template. Here's the controller: app.controller('employeeController', function ($scope, employeeService) { this.employees = {}; this.populateTable = function (data) { this.employees = data; }; var error = function (err) { console.log("Error: " + err); }; // Call Service to List all Employees console.log("Service called to populate table."); employeeService.output().then(this.populateTable, error); this.populateTable();