从文本框中获取数据，并使用materials在angular 6中显示

在Angular 6中，可以通过以下步骤从文本框中获取数据并使用materials库来显示：

1. 首先，确保已经安装了Angular CLI，并创建了一个新的Angular项目。
2. 在项目中安装@angular/material库，可以使用以下命令：
3. 在项目中安装@angular/material库，可以使用以下命令：
4. 在app.module.ts文件中导入所需的materials模块和动画模块，并将它们添加到imports数组中：
5. 在app.module.ts文件中导入所需的materials模块和动画模块，并将它们添加到imports数组中：
6. 在组件的HTML模板中，添加一个文本框和一个按钮，并使用[(ngModel)]指令将文本框的值绑定到组件的属性上：
7. 在组件的HTML模板中，添加一个文本框和一个按钮，并使用[(ngModel)]指令将文本框的值绑定到组件的属性上：
8. 在组件的TypeScript文件中，定义一个属性inputData来存储文本框中的数据，并创建一个方法displayData()来在控制台中显示该数据：
9. 在组件的TypeScript文件中，定义一个属性inputData来存储文本框中的数据，并创建一个方法displayData()来在控制台中显示该数据：

这样，当用户在文本框中输入数据并点击按钮时，displayData()方法会将数据打印到控制台中。你可以根据需要进一步处理这些数据，例如将其显示在页面的其他部分。

关于Angular 6中使用materials的更多信息和示例，你可以参考腾讯云的相关产品和文档：

• Angular Material：腾讯云提供的Angular Material相关产品和文档。
• Angular Material官方文档：Angular Material官方文档，包含详细的组件和指令使用说明。