Question

我在表单中显示我的radiobuttons的自定义视图，并使用label-for-attribute切换它。 Ionic2本身消除了锚点和按钮上的300ms延迟，但我不知道如何删除标签上的点击。

如何在标签点击中删除此延迟或以不同的方式实现此操作，以便我可以切换收音机？

<input type="radio" id="{{input.key}}.{{i}}" name="{{input.key}}"
           (change)="radioSelectionChanged(subinput,input)"
           [checked]="subinput.selected">

<label *ngIf="!macroCodeProvider.isEqualType(input.type,configInputType.Select)"
           class=""
           for="{{input.key}}.{{i}}">
      {{subinput.label}}
</label>

Answer 1

我只是添加了这个答案，万一这可以帮助其他SO用户。就像你在docs

中看到的那样

[...]，您可能需要将（单击）事件添加到不是的元素通常可点击。执行此操作时，您可能会遇到300毫秒的延迟从单击元素到事件触发的时间。去除这个延迟，你可以将tappable属性添加到你的元素。

 <div tappable (click)="doClick()">I am clickable!</div>

因此，通过将tappable属性（以及click事件）添加到目标元素，您可以删除300毫秒的延迟。

Answer 2

我只需用一个按钮替换标签，点击该按钮称为以下功能：

  radioSelectionChanged(selectedInput: ConfiguratorRadioGroupInput, radioGroup: ConfiguratorRadioGroup) {
    radioGroup.inputs.map(input => {
      input.selected = (input.key == selectedInput.key);
    });
    console.log(selectedInput);
  }

Ionic2禁用标签元素300ms延迟

2 个答案: