jeudi 17 décembre 2015

In-place Editing of Angular Material Checkbox Label

The following code gives me a checkbox with a label:

<md-checkbox ng-model="data.foo">
  This Label should be editable
</md-checkbox>

Actual state: I can (un)check the box by clicking either the box itself or clicking on the label. The cursor is a pointer over the entire box-label-line.

Desired state: I can (un)check the box only by clicking on the box itself. When hovering the label, cursor should become a text cursor and clicking on it should offer in-place editing.

How can I achieve this?




Aucun commentaire:

Enregistrer un commentaire