angular - 如何使用角度 2 动态设置输入范围值？

Question

如何使用角度2动态设置输入范围值。我可以在设置值时获取值，但我需要先将动态值设置为输入范围。在这里我尝试了一些代码

 <input type="range"  id="range" min="0" max="100" value="100"   
 (input)="transperancy(Transvalue.value)" #Transvalue> 

在这里，我将值设置为 100 默认值。我需要从组件中设置动态值。

 transperancy(value:any){
        console.log(value);
        }

Answer 1

 <input type="range"  id="range" min="0" max="{{inputRange(range)}}"
  value="50"   min="{{inputRange(range)}}"
 (input)="transperancy(Transvalue.value)" #Transvalue> 

 min_input:number;
 max_input:number;
 min_length:number;
 max_length:number;

 inputRange(type) {
 console.log(type);
 let inputType;
 switch (type) {
 case 'text':
   inputType = 'text';
   break;
 case 'numeric':
   inputType = 'number';
   this.min_length=5;
   this.max_length=20;
   break;

 case 'number':
   inputType = 'number';
   this.min_input=0;
   this.max_input=10;
  break;
 case 'range':
   inputType = 'range';
   this.min_input=0;
   this.max_input=10;
  break;
 default:
}
return inputType;
}
}

演示