Как создать несколько приложений Angular в одном приложении и перемещаться между ними с помощью grunt-contrib-connect?

Question

Я хочу создать несколько приложений в одном приложении, которые будут размещены на одном сервере.

Я использую следующую ссылку в качестве руководства, но я не уверен, как реализовать некоторые из них: Muliple spas

У меня есть настройки приложения следующим образом:

src/
    bower_components
    apps/
        app1/
            app.js
            index.html
        app2/
            app.js
            index.html

Каждая страница индекса имеет свое собственное приложение ng. Я использую grunt-contrib-connect для обслуживания приложения для разработки. У меня есть промежуточное ПО по умолчанию для app1:

middleware: function (connect, options, middlewares) {
                var modRewrite = require('connect-modrewrite');
                middlewares.unshift(modRewrite(['!\\.html|\\.js|\\.ts|\\.ttf|\\.woff|\\.eot|\\.svg|\\.css|\\.png$ /apps/app1/index.html [L]'])); 
                return middlewares;
            }

Когда я запускаю приложение, app1 работает как положено, но я не уверен, как перейти к app2 и получить его при загрузке.

Если я переключаю промежуточное ПО на default2 на app2, оно также работает, как и ожидалось, поэтому оба приложения работают нормально самостоятельно.

Как я могу перейти к app2 и получить его начальной загрузки? Нужно ли мне как-то отображать это в grunt-contrib-connect?

Я попытался просто перейти к app2, используя href и $window.location.href, но безрезультатно.