在Angular 6中动态填充表格可以通过以下步骤完成:
Name
Email
{{ user.name }}
{{ user.email }}
users
数组并初始化为空数组,例如:export class MyComponent {
users: any[] = [];
// 在这里添加代码来获取或填充users数组
}
ngOnInit()
方法中,使用服务或其他方法来获取需要填充表格的数据并将其赋值给users
数组,例如:import { UserService } from 'path/to/user.service';
export class MyComponent implements OnInit {
users: any[] = [];
constructor(private userService: UserService) {}
ngOnInit() {
this.userService.getUsers().subscribe(users => {
this.users = users;
});
}
}
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable()
export class UserService {
constructor(private http: HttpClient) {}
getUsers(): Observable {
return this.http.get('path/to/api/users');
}
}
MyComponent
标记,例如:
这样,当组件加载时,表格将根据users
数组的内容动态填充数据。