How to Pass Data in Angularjs

Question

firstapp

 var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
$http.get("welcome.htm").then(function (response) {
    $scope.myWelcome = response.data;
});
});

sencond app

 var app = angular.module('myApp2', []);
app.controller('myCtrl2', function($scope, $http) {
$http.get("fsd.htm").then(function (response) {
    $scope.myWelcome = response.data;
});
});

How to Pass data from one app to another app in angularjs ?

Possible duplicate of Is it possible to share data between two angularjs apps? — Aleksey Solovey
– Aleksey Solovey, Commented Feb 16, 2018 at 12:21
@selvakumar can you inject one module into another: angular.module('myApp', ['myApp2']); ? There shouldn't be any reason for you to have multiple apps — Aleksey Solovey
– Aleksey Solovey, Commented Feb 16, 2018 at 15:09

hondvryer · Accepted Answer · 2018-02-16 12:32:12Z

2

You can use shared service to communicate between two angular apps. However using multiple apps is not a good practice unless it is the only option left.

angular.module('sharedService', []).factory('SharedService', function() {
  var SharedService;
  SharedService = (function() {
    function SharedService() {}
    SharedService.prototype.setData = function(name, data) {};
    return SharedService;
})();
  if (typeof(window.angularSS) === 'undefined' || window.angularSS === null) {
    window.angularSS = new SharedService();
  }
  return window.angularSS;});
  angular.module("angularApp1", ['sharedService'])
    /*code */
  angular.module("angularApp2", ['sharedService'])
    /*code */

answered Feb 16, 2018 at 12:32

hondvryer

4521 gold badge3 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bimlendu Kumar · Accepted Answer · 2018-02-16 12:49:44Z

0

        Create function like this in Service Lyaer
        editTool: function(yourData) {
                        var basicAuth = YOurauthenticateFuntion;
                        var url =  'url';
                        var deferred = $q.defer();
                        $http.post(url, yourData, {
                            headers: {
                                'Content-Type': 'application/json',
                                'Accept': 'application/json',
                                'Authorization': basicAuth 
                            }
                        }).then(function(data) {
                            if(data.status == 200) {
                            deferred.resolve(data.data);
                            } else {
                                deferred.reject(data);
                            }
                        }, function(error) {
                            deferred.reject(error);
                        });
                        return deferred.promise;
                    }
    and then can call in any controller using factory name.. that you have created for serviceCalls

edited Feb 16, 2018 at 12:49

answered Feb 16, 2018 at 12:33

Bimlendu Kumar

3462 silver badges17 bronze badges

1 Comment

Aleksey Solovey Over a year ago

don't use $q and $http together, $http already returns a promise that can resolve your response / data

Collectives™ on Stack Overflow

How to Pass Data in Angularjs

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related