AngularMaterial中的Range输入字段 _程序开发

创始人

2024-10-28 11:35:48

0次

使用mat-slider指令和FormControl模块来创建范围输入字段

要在Angular Material中实现一个范围输入字段，可以使用mat-slider指令和FormControl模块。以下是一个简单的示例代码：

在您的HTML模板中，添加以下代码：

在您的组件中，将以下代码添加到导入部分：

import { FormControl } from '@angular/forms';

并在组件类中添加以下代码：

myRange = new FormControl([20, 80]);

此代码将创建一个名为“ myRange”的FormControl，初始值为[20，80]，并在mat-slider中使用。

最后，您可以使用以下代码来获取用户在范围输入字段中选择的值：

this.myRange.valueChanges.subscribe(range => {
  console.log(range); // range is an array with the min/max values
});

通过这些步骤，就可以在Angular Material中创建一个范围输入字段。

透视有挂！智星德州菠萝透视插件... 透视有挂！智星德州菠萝透视插件工具，wepoker有透视吗，AI教程（固有真的是有挂）；（需添加指定...

透视科技！wepoker辅助器... 透视科技！wepoker辅助器怎么用，aapoker怎么提高中牌率，必备教程（原生真的有挂）1、完成...

透视能赢！aapoker免费透... 透视能赢！aapoker免费透视脚本，hhpoker软件靠谱吗，透牌教程（果然存在有挂）aapoke...

透视私人局！wpk脚本是什么，... 透视私人局！wpk脚本是什么，德州透视脚本，德州教程（切实真的是有挂）；是一款可以让一直输的玩家，快...

透视神器！wepoekr底牌透... 透视神器！wepoekr底牌透视，werplan外卦神器，透明挂教程（竟然真的是有挂）；wepoek...

透视系统！aapoker辅助包... 透视系统！aapoker辅助包，wpk辅助器，我来教教你（切实有挂）；aapoker辅助包软件透明挂...

透视工具！wpk透视脚本下载，... 1、透视工具！wpk透视脚本下载，wepoker辅助脚本，透明挂教程（真是有挂）。2、wpk透视脚本...

透视模拟器！wepoker辅助... 1、透视模拟器！wepoker辅助下载，werplan外卦神器，安装教程（固有真的有挂）；详细教程。...

透视app！wepoker免费... 这是一款非常优秀的wepoker免费透视脚本 ia辅助检测软件，能够让你了解到wepoker免费透视...

透视透视！红龙poker有辅助... 【福星临门，好运相随】；透视透视！红龙poker有辅助吗，wepoker网页版透视方法，透牌教程（从...