Question

我使用离子3并将离子范围输入分量增加0.25 这是components documentation

如上所述使用step =“0.5”不起作用

public void onBindViewHolder(final ViewHolder holder, int position) { String data = mData.get(position); holder.id = data; holder.button.setText(data); holder.button.setTextOn(data); holder.button.setTextOff(data); if (position != selected) { //if the button is not the user chosen one if (holder.button.isChecked()) { // and it's in 'ON' state holder.button.toggle(); // toggle it to switch 'OFF' } }

所以我按照"Jahdere"

给出的上述解决方案

<ion-range class="note-range" min="0" max="20" step="0.5" [(ngModel)]="item.note" color="secondary" (ionChange)="noteChanged($event)">
    <ion-label range-left>0</ion-label>
    <ion-label range-right>20</ion-label>
 </ion-range>

此解决方案的问题是当我在float-range组件上使用ngModel时出现此错误：

在float-range组件上使用ngModel时出现运行时错误。：没有价值具有未指定名称属性的表单控件的访问器

有没有解决方法在这两个组件之间绑定ngModel数据？

Answer 1

Hej Guys，

只需通过从浮动范围到离子范围组件的输入来管理ngModel的值！

<float-range [_ngModel]="item.value"></float-range>

在float范围组件中，将输入绑定到离子范围的ngModel：

@Component({
  selector: 'float-range',
  template: `<ion-range #range [min]="min" [max]="max" [pin]="pin" [step]="step" [snaps]="snaps" [(ngModel)]="_ngModel" (ionBlur)="onValueChange($event);" ngDefaultControl></ion-range>`
})
export class FloatRangeComponent {

  @Input() max: number;
  @Input() min: number;
  @Input() pin: boolean;
  @Input() step: number;
  @Input() snaps: boolean;
  @Input() _ngModel: any;

如何在离子范围内保留浮点数

1 个答案: