在多页面网站中使用Angular 2

Question

如何从Angular 2快速启动应用程序转换为在网站中使用Angular 2？

我的主要问题是index.html不在应用程序的路由文件夹中。此外，是否可以有许多页面具有Angular 2应用程序？

我意识到Angular 2是为单页应用程序设计的，但HTML组件系统必须在各种网站中有用。

这里有一个很好的页面Is AngularJS just for single-page applications (SPAs)?，但没有关于如何实现的实际信息。

我想在网站项目的不同页面中尽可能或尽可能少地使用Angular 2。

一个使用这种方式的示例网站将是很棒的。

- Paul

---

Angular 2旨在帮助您构建单页应用程序。您能否详细说明您遇到的问题以及您已经尝试过的方法？ - aaron-bond

Answer 1

为了回答我的问题（如果有人感兴趣的话），我只是使用了一点TypeScript来加载我的html模板。简单明了。

public static getFileContentAsync = async (path: string): Promise<string> =>
{                 
    return await new Promise<string>((resolve, reject) => 
    {                                    
        // Set up the xml http request object.
        let xhr: XMLHttpRequest = new XMLHttpRequest();
        xhr.open("GET", baseUrl + path);
        xhr.send();

        xhr.onload = () => 
        {                               
            resolve(xhr.response);
        };

        xhr.onerror = (errorEvent: ErrorEvent) =>
        {
            reject(errorEvent);
        };
    });
} 

- Paul