Skip to content

Angular 21 assertion error injectorIndex should point to a bloom filter when using interpolation bindings on Kendo Angular Grid inputs #66101

@yanmariomenev

Description

@yanmariomenev

Which @angular/* package(s) are the source of the bug?

core

Is this a regression?

Yes

Description

After an upgrade to Angular 21, template syntax that worked in earlier versions now triggers an ASSERTION ERROR: LContainer must be defined.

The issue appears when interpolation syntax is used on component input bindings in the Kendo Angular Grid.

Example that previously worked in Angular 20:

<kendo-grid [kendoGridBinding]="data">
  <kendo-grid-column field="{{ 'date' }}" title="{{ 'Date' }}"></kendo-grid-column>
</kendo-grid>

The above will not work in Angular 21 unless optimization is set to true.

This will also work in Angular 21, but if you add a second Grid it will throw the error:

      <kendo-grid [kendoGridBinding]="data">
        <kendo-grid-column title="{{ 'bar' }}" field="{{ 'name' }}"></kendo-grid-column>
      </kendo-grid>

If build optimization is enabled in the angular.json, the error will not be thrown.

Example where the error is reproduced and additional information in comment form:
grid-angular21.zip

Please provide the exception or error you saw

ERROR Error: ASSERTION ERROR: injectorIndex should point to a bloom filter [Expected=> number === string <=Actual]
    at throwError2 (_untracked-chunk.mjs:225:9)
    at assertNumber (_untracked-chunk.mjs:156:5)
    at assertNodeInjector (_untracked-chunk.mjs:1616:3)
    at lookupTokenUsingNodeInjector (_debug_node-chunk.mjs:926:20)
    at getOrCreateInjectable (_debug_node-chunk.mjs:878:19)
    at ɵɵdirectiveInject (_debug_node-chunk.mjs:7456:17)
    at NodeInjectorFactory.ListComponent_Factory [as factory] (progress-kendo-angular-grid.mjs:35536:102)
    at getNodeInjectable (_debug_node-chunk.mjs:1013:38)
    at instantiateAllDirectives (_debug_node-chunk.mjs:4923:23)
    at createDirectivesInstances (_debug_node-chunk.mjs:4782:3)


<img width="960" height="177" alt="Image" src="https://github.com/user-attachments/assets/4b681abf-934f-461b-a634-b89d273c6913" />

Please provide the environment you discovered this bug in (run ng version)

Angular CLI       : 21.0.0
Angular           : 21.0.0
Node.js           : 22.12.0
Package Manager   : npm 11.1.0
Operating System  : darwin arm64

┌───────────────────────────┬───────────────────┬───────────────────┐
│ Package                   │ Installed Version │ Requested Version │
├───────────────────────────┼───────────────────┼───────────────────┤
│ @angular/build            │ 21.0.0            │ ^21.0.0           │
│ @angular/cli              │ 21.0.0            │ ^21.0.0           │
│ @angular/common           │ 21.0.0            │ ^21.0.0           │
│ @angular/compiler         │ 21.0.0            │ ^21.0.0           │
│ @angular/compiler-cli     │ 21.0.0            │ ^21.0.0           │
│ @angular/core             │ 21.0.0            │ ^21.0.0           │
│ @angular/forms            │ 21.0.0            │ ^21.0.0           │
│ @angular/localize         │ 21.0.0            │ ^21.0.0           │
│ @angular/platform-browser │ 21.0.0            │ ^21.0.0           │
│ @angular/router           │ 21.0.0            │ ^21.0.0           │
│ rxjs                      │ 7.8.2             │ ~7.8.0            │
│ typescript                │ 5.9.3             │ ~5.9.2            │
│ vitest                    │ 4.0.14            │ ^4.0.8

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    No status

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions