在Angular中，可以通过使用双向数据绑定和自定义管道来实现输入范围滑块四舍五入小数的数据绑定。以下是一个示例：

1. 创建一个自定义管道来处理四舍五入小数的逻辑：

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'roundToDecimal'
})
export class RoundToDecimalPipe implements PipeTransform {
  transform(value: number, decimalPlaces: number): number {
    const factor = Math.pow(10, decimalPlaces);
    return Math.round(value * factor) / factor;
  }
}

2. 在模块中导入并声明自定义管道：

import { RoundToDecimalPipe } from './round-to-decimal.pipe';

@NgModule({
  declarations: [
    RoundToDecimalPipe
  ],
  ...
})
export class AppModule { }

3. 在组件中使用自定义管道来四舍五入小数并绑定到输入范围滑块的值：

Slider Value: {{ sliderValue | roundToDecimal: 1 }}

在上面的示例中，sliderValue 是组件中用于存储滑块值的属性，roundToDecimal 是自定义管道的名称，: 1 是传递给管道的参数，表示保留一位小数。

当滑块值发生变化时，会触发双向数据绑定，并将四舍五入后的值显示在

元素中。

注意：为了使用双向数据绑定，需要在组件中导入 FormsModule 并将其添加到模块的 imports 数组中。