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

Question

目前我在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。

我的问题：

1. 如何使用angularjs控制器和服务设置和使用组件。
2. 什么是建立基于组件的SPA的基本良好架构。
3. 如何使用ngRoute连接组件，以及如何使用组件服务从API获取数据。