Ionic Action Sheets (操作表)

Ionic 组件由高级构建块构成，称为组件。这些组件允许我们快速构建应用程序的界面。Ionic Framework 包含许多内置组件，例如按钮、模态框、弹出窗口、列表、卡片等。在这里，我们将学习组件的外观以及如何使用它们。

一个操作表是一个对话框，允许我们从一组选项中选择确认或取消操作。它始终显示在页面上的任何其他组件的顶部，并且必须由用户手动关闭才能与应用程序交互。当操作表被触发时，页面的其余部分会变暗，以便更专注于操作表的选项。

有时，我们将操作表用作菜单的替代方案。但是，它不应用于导航。

我们可以通过下面的示例来理解操作表组件的工作原理。

home.page.ts

这是 Ionic 应用程序的主页，负责用户界面。在这里，我们创建一个菜单，其中包含破坏性、存档和取消元素。

home.page.html

这个 HTML 页面负责设计（外观）您的主页。它还包含 HTML 元素（如按钮元素）上的操作。

home.page.scss

这是一个 CSS 文件，其中包含 HTML 元素的附加样式。

输出

现在，通过下面给出的命令在您的终端中执行应用程序。

它给出如下屏幕的输出。现在，如果您使用 IDE，并在代码中修改或更改任何内容，那么在修改后，只要您保存文件，浏览器就会自动重新加载您的应用程序。

现在，单击显示操作表按钮，屏幕上将出现以下输出。当操作表被触发时，页面的其余部分会变暗，以便更专注于操作表的选项。

$ionicActionSheet.show() 方法还包含几个有用的参数，我们可以在下表中看到。