在angular 7中按列显示数据

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

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

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