在angular 7中按列显示数据

在Angular 7中按列显示数据，可以通过使用Angular的数据绑定和结构指令来实现。以下是一个完善且全面的答案：

在Angular 7中，按列显示数据可以通过使用Angular的内置指令和数据绑定来实现。具体步骤如下：

1. 创建一个组件：首先，创建一个Angular组件来显示数据。可以使用Angular CLI命令ng generate component <component-name>来生成一个新的组件。
2. 定义数据：在组件的类中定义一个数据数组，该数组包含要显示的数据。例如，可以创建一个名为data的数组，并在其中定义要显示的数据。
3. 在模板中使用结构指令：在组件的模板中，使用Angular的结构指令来按列显示数据。可以使用*ngFor指令来遍历数据数组，并使用*ngIf指令来根据条件显示特定的列。
4. 例如，可以使用以下代码来按列显示数据：
5. 例如，可以使用以下代码来按列显示数据：
6. 在上面的代码中，使用*ngFor指令遍历data数组，并在每次迭代中创建一个<tr>元素来显示数据。然后，使用插值表达式{{ item.columnX }}将数据绑定到每个列中。
7. 绑定数据：在组件的类中，将数据数组绑定到模板中的数据绑定表达式中。可以在组件的构造函数中初始化数据数组，或从服务或API中获取数据。
8. 例如，可以在组件的类中添加以下代码来初始化数据数组：
9. 例如，可以在组件的类中添加以下代码来初始化数据数组：
10. 在上面的代码中，通过在构造函数中初始化data数组来绑定数据。

以上就是在Angular 7中按列显示数据的完善且全面的答案。如果你想了解更多关于Angular的知识，可以参考腾讯云的Angular相关产品和文档：

• 腾讯云Angular产品介绍：https://cloud.tencent.com/product/angular
• Angular官方文档：https://angular.io/docs