要将现有的HTML模板整合到Angular 6项目中,可以按照以下步骤操作:
ng new project-name
cd project-name
ng generate component component-name
component-name.component.ts
文件,并添加以下代码:import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-component-name',
templateUrl: './component-name.component.html',
styleUrls: ['./component-name.component.css']
})
export class ComponentNameComponent implements OnInit {
public template: string;
constructor(private http: HttpClient) { }
ngOnInit() {
this.http.get('path/to/your/html/template.html', { responseType: 'text' })
.subscribe((data) => {
this.template = data;
});
}
}
ng serve
http://localhost:4200
,查看项目运行的效果。这样,现有的HTML模板就会被整合到Angular 6项目中了。请确保路径和文件名正确,并使用正确的HTTP请求来获取模板文件。