Angular 20 will support exponential operator on template.

The feature is in 20.0.0-next.0; therefore, it can be tested after updating the Angular dependencies to the next version.

ng update @angular/cli --next
ng update @angular/core --next

Demo 1: Apply exponential operator on two numbers 

class="row">
     Case 1: ** operator applied to two integers.
     {{ a }} ** {{ b }} = {{ a ** b }}


export class AppComponent {
 a = 2;
 b = 3;
}

The result is evaluated to 8 on the template

Demo 2: The exponential operator is right associately 

class="row">
    Case 2: ** operator is right associative.
    {{ a }} ** {{ b }} ** {{ c }} = {{ a ** b ** c }}
    {{ a }} ** ({{ b }} ** {{ c }}) = {{ a ** (b ** c) }}
 

export class AppComponent {
 a = 2;
 b = 3;
 c = 2;
}

The result is evaluated to 512 on the template.

Demo 3: Parentheses are required around unary operator when it is the base fo the exponential 

class="row">
     Case 3: parentheses are required around uary operator when it is the base of the ** operator.
      (-2) ** {{ e }} = {{ (-2) ** e }}
      (-2) ** {{ f }} = {{ (-2) ** f }}


export class AppComponent {
 e = 3;
 f = 4;
}

The result of the first expression is -8 and the result of the second expression is 16.

References: