Change Interpolation symbols in angular5

Question

Building a project in angular5 where I want to use [[ ]] for interpolation as start and end symbol.

Previously , Angularjs1.x has $interpolateProvider to customize these symbols, by default interpolation symbol is {{}} .

How can we achieve the same feature in angular 2+ versions ?

Answer 1

There is special option for Component metadata

@Component({
  ...
  interpolation: ['[[', ']]']
})

Ref: https://angular.io/api/core/Component#interpolation