如何通过http加载angular2应用或组件

通过HTTP加载Angular 2应用或组件可以通过以下步骤实现：

1. 首先，确保你已经安装了Angular CLI（命令行界面）。如果没有安装，可以通过以下命令进行安装：

npm install -g @angular/cli

1. 创建一个新的Angular项目。在命令行中，使用以下命令创建一个新的Angular项目：

ng new my-app

这将创建一个名为"my-app"的新项目。

1. 进入项目目录。使用以下命令进入项目目录：

cd my-app

1. 创建一个新的组件。使用以下命令创建一个新的组件：

ng generate component my-component

这将在项目中创建一个名为"my-component"的新组件。

1. 在组件的HTML文件中，使用Angular的模板语法编写组件的内容。例如，可以在"my-component.component.html"文件中编写以下内容：

<h1>Hello, World!</h1>

1. 在组件的TypeScript文件中，定义组件的逻辑和行为。例如，可以在"my-component.component.ts"文件中编写以下内容：

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
  // 组件逻辑和行为
}

1. 在应用的根组件中，引入并声明新创建的组件。在"app.component.html"文件中，添加以下内容：

<app-my-component></app-my-component>

1. 启动开发服务器。在命令行中，使用以下命令启动开发服务器：

ng serve

这将启动一个本地开发服务器，并在浏览器中自动打开应用。

1. 在浏览器中访问应用。在浏览器中，通过以下URL访问应用：

http://localhost:4200

这将加载并显示Angular应用或组件。

总结： 通过以上步骤，你可以通过HTTP加载Angular 2应用或组件。在这个过程中，你使用Angular CLI创建了一个新的Angular项目，并创建了一个新的组件。然后，你在组件的HTML文件中编写了组件的内容，在TypeScript文件中定义了组件的逻辑和行为。最后，你启动了开发服务器，并在浏览器中访问了应用。