AngularJS make two applications with the same front end code

Question

I'm working on two very similar projects (almost the same).

But the front end of the code is totally weak. I'm refactoring it and was thinking to use the most of the same code ( and specialize if there is a single rule for it ) for both applications and when generating the build on Grunt it generates the desired application...

I wonder if there is a more correct way to do this...

I would like to reuse as much JS and HTML as possible...

Why not having 2 controllers pointing at 2 different restful backends. And then having those 2 controllers using the same dependencies? — Mikael
– Mikael, Commented Jun 29, 2015 at 12:57
If you want to use the same frontend code, splitting your code would help doing injections. You can easily have 2 main html pages using the same controller with different dependencies or if you have 1 backend, using 2 pages using exactly the same controller if you only want to change the way the 2 apps look. — Mikael
– Mikael, Commented Jun 29, 2015 at 13:15
Why not rely on javascript inheritance and override whatever constitutes your delta ? — mccainz
– mccainz, Commented Jun 29, 2015 at 13:46

Yashika Garg · Accepted Answer · 2015-06-29 13:05:10Z

1

Angular JS is a framework, that perfectly divided the code into modules and make each module separate and reusable. Divide your code in modules. Each module having set of Controller, Service, Factory (REST API model), Directive (If any DOM Manipulation), Partials and CSS. Now you can use each Module separately. As in your case you have to use two different backends, make a rootScope property to determine which backend to use. According to the backend to be used configure your Base backend URL, Factories and Service and rest of directives, controllers, HTML and CSS remains the same.

answered Jun 29, 2015 at 13:05

Yashika Garg

2,3662 gold badges16 silver badges17 bronze badges

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

2 Comments

Fábio Picheli Over a year ago

But in this case o will change only a "flag" on rootScope to set witch application i will see? I was thinking if its not better set this on build? Or both its ok to do?

Yashika Garg Over a year ago

I didn't understand your question

Collectives™ on Stack Overflow

AngularJS make two applications with the same front end code

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related