Skip to main content

glintSelectModel

The glintSelectModel directive provides a straightforward way to make a model element selectable through a user's click interaction. When an HTML element adorned with this directive is clicked, the provided model element is registered as the currently selected item.

Usage​

Apply the glintSelectModel directive to any interactive HTML element, such as a <button>, <a>, <div>, or <li>. Bind the model element you wish to select to the [glintSelectModel] input property.

<button [glintSelectModel]="dataElementModel">
  Select DataElement: {{ dataElement.name }}
</button>

Properties​

  • [glintSelectModel]: This required input property accepts the model element instance that should be marked as selected when the directive's host element is clicked.