template-no-action-modifiers.md

ember/template-no-action-modifiers

💼 This rule is enabled in the following configs: strict-gjs, strict-gts.

Disallow usage of {{action}} modifiers in templates.

The {{action}} modifier has been deprecated in favor of the {{on}} modifier. The {{on}} modifier provides a more explicit and flexible way to handle events.

Rule Details

This rule disallows using {{action}} as an element modifier.

Examples

Incorrect ❌

<template>
  <button {{action "save"}}>Save</button>
</template>

<template>
  <div {{action "onClick"}}>Click me</div>
</template>

<template>
  <form {{action "submit" on="submit"}}>Submit</form>
</template>

Correct ✅

<template>
  <button {{on "click" this.handleClick}}>Save</button>
</template>

<template>
  <div {{on "click" this.onClick}}>Click me</div>
</template>

<template>
  <form {{on "submit" this.handleSubmit}}>Submit</form>
</template>

Related Rules

• template-no-action

References

• Ember Octane Guide - Element Modifiers
• eslint-plugin-ember template-no-action