$interpolateProvider / $interpolate en Angular moderno

Los símbolos de interpolación personalizados ya no hacen falta, y $interpolate no tiene equivalente en tiempo de ejecución. Los templates usan {{ }} y los strings se arman en TypeScript.

app.config(function ($interpolateProvider) {
  $interpolateProvider.startSymbol('[[').endSymbol(']]');
});

<p>[[ vm.user.name ]]</p>

// in a controller
var greet = $interpolate('Hello {{name}}, you have {{count}} messages');
vm.text = greet({ name: user.name, count: 3 });

@Component({
  selector: 'app-greeting',
  template: `<p>{{ text() }}</p>`,
})
export class GreetingComponent {
  user = input.required<User>();
  count = input(0);

  text = computed(
    () => `Hello ${this.user().name}, you have ${this.count()} messages`,
  );
}

Qué cambia

• Símbolos como [[ ]] existían para evitar el choque con motores de templates del servidor; los templates de Angular se compilan en el build y nunca pasan por el motor del servidor.
• $interpolate(texto)(contexto) pasa a ser un template literal, normalmente dentro de un computed.
• El formato que vivía dentro del string interpolado pasa a pipes en el template.

Relacionado

• ng-pluralize
• ngTouch (ng-swipe-left / ng-swipe-right)
• $resource .$promise and $resolved
• Protractor