Javascript 从基于服务器的应用程序迁移到基于组件的SPA-Angular.js

目前，我有一个基于服务器的应用程序在MEAN Stack上运行。我有node/express.js服务器和一个后端API。目前我的结构是这样的：

当前方法

Home Page
   |________ Home Controller (calls methods from service)
   |________ Home Service    (connects to API & Node/Express Server)  

Profile Page
   |________ Profile Controller (calls methods from service)
   |________ Profile Service    (connects to API & Node/Express Server) 

现在我将我的应用程序移动到一个单页应用程序（SPA）。所以沿着这条路线的某个地方：

        // route for the home page
        .when('/', {
            templateUrl: '/home.ejs',
            controller: 'homeCtrl',
            resolve: {data: function(homeService){

               return homeService.someMethod();
            }}
        })

        // route for the profile page
        .when('/profile', {
            templateUrl : 'profile.ejs',
            controller  : 'profileCtrl',
            resolve: {data: function(profileService){

               return profileService.someMethod();
            }}
        });

现在，我最近（昨天）被介绍了角度

.component（）

的概念。我想将上述SPA结构转换为基于组件的SPA。

我的问题：

如何通过angularjs控制器和服务设置和使用组件

建立基于组件的SPA的基本良好体系结构是什么

如何将组件与我的

ngRoute

连接，以及如何使用组件服务从API获取数据