在多页网站中使用Angular 2

时间:2017-03-28 11:04:14

标签: angular

如何从Angular 2快速启动应用程序中获取在网站中使用Angular 2的信息?

我的主要问题是index.html不在应用程序的路径文件夹中。还有可能有很多页面有角度2应用程序?

我意识到Angular 2是为SPA设计的,但html组件系统必须在各种网站中都有用。

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

我希望在我的网站项目的不同页面中使用大量或小角度2。

以这种方式使用角度2的示例网站会很棒。

1 个答案:

答案 0 :(得分: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);
        };
    });
}