Angular 7.点击时在3个状态之间无限迭代(排序表格)

Angular 7是一种流行的前端开发框架，它基于TypeScript构建，并且具有丰富的功能和工具，可以帮助开发人员构建高效、可扩展的Web应用程序。

对于点击时在3个状态之间无限迭代的需求，可以通过以下步骤来实现：

1. 首先，创建一个包含3个状态的数组，例如['状态1', '状态2', '状态3']。
2. 在Angular组件中，定义一个变量来存储当前状态的索引值，例如currentStatusIndex，并将其初始化为0。
3. 在模板中，使用ngFor指令遍历状态数组，并使用ngClass指令根据当前状态的索引值来设置相应的样式。
4. 在模板中，使用ngFor指令遍历状态数组，并使用ngClass指令根据当前状态的索引值来设置相应的样式。
5. 在组件中，定义一个点击事件处理函数，用于在点击时更新当前状态的索引值。
6. 在组件中，定义一个点击事件处理函数，用于在点击时更新当前状态的索引值。
7. 这里使用取模运算符来实现循环迭代，确保索引值始终在状态数组的范围内。

通过以上步骤，点击时将在3个状态之间无限迭代。当点击时，当前状态的索引值会递增，并根据索引值的变化，ngClass指令会自动添加或移除相应的样式类，从而实现状态切换的效果。

对于排序表格的需求，可以使用Angular的内置指令和功能来实现。具体步骤如下：

1. 在组件中，定义一个表格数据的数组，例如tableData。
2. 在模板中，使用ngFor指令遍历表格数据数组，并根据需要显示表格的各个列。
3. 在模板中，使用ngFor指令遍历表格数据数组，并根据需要显示表格的各个列。
4. 在表头的每个列上绑定一个点击事件，用于触发排序操作。
5. 在组件中，定义一个排序函数sortTable，用于根据点击的列名对表格数据进行排序。
6. 在组件中，定义一个排序函数sortTable，用于根据点击的列名对表格数据进行排序。
7. 这里使用了数组的sort方法和localeCompare方法来实现基于列名的排序。

通过以上步骤，点击表头的列名时，表格数据将根据点击的列进行排序。每次点击时，表格数据将按升序或降序排列，实现排序功能。

请注意，以上答案中没有提及具体的腾讯云产品和产品介绍链接地址，因为题目要求不涉及特定的云计算品牌商。但是，腾讯云提供了丰富的云计算产品和服务，可以根据具体需求选择适合的产品来支持应用程序的部署和运行。