Угловая пользовательская интерполяция шаблона с помощью фигурных скобок

Question

Я новичок в Angular, и я не могу найти и ответить на мой вопрос.

Я хочу изменить угловую интерполяцию, чтобы сделать ее совместимой с шаблонами Smarty, поэтому я изменил значение по умолчанию ['{{','}}'] на ['[[',']]'] или ['[', ']'] но если в шаблоне есть что-то, начинающееся с {я должен сделать это с новой интерполяцией.

Я создал новое приложение

ng new new-app

Затем я редактирую app.component.ts как:

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  interpolation: ['[[',']]']
})
export class AppComponent {
  title = 'Hello World!';
}

Затем я добавил в app.component.html новую переменную с новой интерполяцией.

<h1>[*title*][[title]]{{title}}</h1>

Я ожидал

<h1>[*title*]Hello World!{{title}}</h1>

Но я получаю угловую ошибку

Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.) ("<h1>[*title*]Hello World!{{title}}</h1>

Чтобы это исправить, мне нужно обновить шаблон с

<h1>[*title*]Hello World![["{{"]]title}}</h1>

Почему я должен избегать "{{", если новая интерполяция - "[[" "]]"?