merge two projects

Question

 

I have Two Projects and i want to merge them ine one File JavaScript

 

Project : 1

 

File : App.Js 

 

var app = angular.module('PegaseApp', ['ngTouch', 'SignalR', 'ui.grid', 'ui.grid.selection', 'ui.grid.resizeColumns', 'ui.bootstrap', 'ui.bootstrap.datetimepicker', 'AxelSoft']);

 

File : Intervention.Js 

 

 

angular.module('PegaseApp')

.controller('MainCtrl', ['$rootScope', '$scope', 'HubManager', function ($rootScope, $scope, HubManager) {

........

} );

                                       Project : 2

 

 File : spl.Js

 

angular.module('myApp', ['bgDirectives']);

angular.module('bgDirectives', [])

.directive('bgSplitter', function () {

..........

}); 

 

The expected result is to combine this two projects in one File Javascript and one File Html 
 

 

 

Answer 1

Yes The result in Html File must be one <ng-app> contains both module

Answer 2

Hi,

 

Instead of merging project, what i suggest let it be the seperate module and inject dependacy of the application module to the other one.

 

For example

 

var myApp = angular.module('myApp', ['myapp1']);

 In above example 'myapp1' is sepearate angular js project module.

 

Hope, this will help you out. Feel free write if more information is required.

 

Don't forget to mark as answer if this helps. 

Answer 3

Ben,

 

I think you want to combine methods and properties of two project into one module rite?

 

PegaseApp and myApp together rite?