I'm new on angluarjs and trying to build an example-application.

This application is divided into 3 parts/sections:

A.) map

B.) "received"-area

C.) "send"-area

Every section has its own layout/view-area, not visible at the same time.

In part B.) you can load information from server by click or automatically, which will be displayed in part "B.)" as text and in section "A.)" as map-marker.

Additionally you can click inside section "A.)" to set a new marker.

In section "C.)" there is a send button to take the new marker from "A.)" in order to send this to the server.

Currently: all of the sections (A,B,C) are angular modules/own apps. 

But I don't know, if that is the right way/best practice. 

An other way could be a single module for the whole page an 3 controllers (A,B,C) which handle the logic for sections A,B and C.

What is the right way in angularjs?