template-no-dynamic-subexpression-invocations.md

ember/template-no-dynamic-subexpression-invocations

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

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

Disallow dynamic helper invocations.

Dynamic helper invocations (where the helper name comes from a property or argument) make code harder to understand and can have performance implications. Use explicit helper names instead.

Rule Details

This rule disallows invoking helpers dynamically using this or @ properties.

Examples

Incorrect ❌

<template>
  {{(this.helper "arg")}}
</template>

<template>
  {{(@helperName "value")}}
</template>

<template>
  {{this.formatter this.data}}
</template>

Correct ✅

<template>
  {{format-date this.date}}
</template>

<template>
  {{(upper-case this.name)}}
</template>

<template>
  {{this.formattedData}}
</template>

Related Rules

• template-no-implicit-this

References

• Ember Guides - Template Helpers
• ember-template-lint: no-dynamic-subexpression-invocations