Allow bigint literals in templates

Which @angular/* package(s) are relevant/releated to the feature request?

compiler

Description

Currently, templates does not seems to support bigint literals. Because of that, the following code does not compiles:

<!-- Argument of type 'number' is not assignable to parameter of type 'bigint'. -->
<button (click)="onClick(55n)"></button>

onClick(v: bigint) {
    console.log("clicked %o", v);
}

The only way to get this to work it to either

• re-export the BigInt function from the component code
• use a variable defined in the component code

<button (click)="onClick(BigInt(55))"></button>
<button (click)="onClick(aBigInt)"></button>

BigInt = BigInt;
aBigInt = 55n:

onClick(v: bigint) {
    console.log("clicked %o", v);
}

Proposed solution

Allow bigint literals (ending with n) in the templates and treat them as bigint not number.

Alternatives considered

Change nothing.

[jessicajaniuk]

I’ve added this one to the overarching issue of #43485 where we are tracking all of the potential improvements to the template syntax. I’ll close this issue, and we’ll track progress on the other issue.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}