如何添加外部链接到Angular SPA菜单？

Question

我正在使用角度热毛巾模板来开发我的Web应用程序。 如下所示的路由配置代码文件。

(function(){  
'use strict';

var app = angular.module('app');

// Collect the routes
app.constant('routes', getRoutes());

// Configure the routes and route resolvers
app.config(['$routeProvider', 'routes', routeConfigurator]);

function routeConfigurator($routeProvider, routes)
{
    routes.forEach(function(r)
    {
        setRoute(r.url, r.config);
    });

    $routeProvider.otherwise({ redirectTo: '/' });

    function setRoute(url, definition)
    {
        definition.resolve = angular.extend(definition.resolve || {}, {
            prime: prime
        });

        $routeProvider.when(url, definition);
    }
}

prime.$inject = ['datacontext'];
function prime(dc) { return dc.prime(); }

// Define the routes 
function getRoutes()
{
    return [
        {
            url: '/',
            config: {
                templateUrl: 'app/dashboard/dashboard.html',
                title: 'dashboard',
                settings: {
                    nav: 1,
                    content: '<i class="fa fa-dashboard"></i> Dashboard'
                }
            }
        }, {
            url: '/customers',
            config: {
                title: 'customers',
                templateUrl: 'app/customer/customers.html',
                settings: {
                    nav: 2,
                    content: '<i class="fa fa-calendar"></i> customers'
                }
            }
        },
        {
            url: '/customer/:id',
            config: {
                title: 'customer',
                templateUrl: 'app/customer/customerdetail.html',
                settings: {}
            }
        }
    ];
}})();

我需要在菜单上添加外部链接，例如www.google.com。 我如何添加另一个链接到此路由配置，如波纹管。

{
        url: 'www.google.com',
        config: {
            title: 'MyExternalLink',
            settings: {}
        }
    }

Answer 1

这个问题看起来类似于这篇文章，看看使用$ routeProvider重定向到Angular之外的路由