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

Question

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

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

这里我设置值 100 default.that 我需要从组件设置动态值。

 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;
}
}

DEMO

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

How to Set input range value dynamically by using angular 2?

angular

angular2-forms

angular2-formbuilder