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 ?

Imaginative

Answer 1

There is special option for Component metadata

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

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

Orellana

Is it possible to do this for the whole app instead of component by component? – Custos

Hi, @SalvatoreIovene, You've to modify in componnet only. – Actin