javascript - 単一のアプリケーション内で複数の Angular アプリを作成し、grunt-contrib-connect を使用してそれらの間を移動するにはどうすればよいですか?

Question

同じサーバーでホストされる 1 つのアプリ内に複数のアプリを作成したいと考えています。

次のリンクをガイドとして使用していますが、その一部を実装する方法がわかりません: 複数のスパ

次のようにアプリをセットアップしています。

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

各インデックス ページには独自の ng-app があります。私は 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 に移動してブートストラップする方法がわかりません。

ミドルウェアをデフォルトで app2 に変更すると、期待どおりに動作するため、両方のアプリが単独で正常に動作します。

app2 に移動してブートストラップするにはどうすればよいですか? grunt-contrib-connect で何らかの方法でマップする必要がありますか?

href と $window.location.href を使用して app2 に移動しようとしましたが、役に立ちませんでした。