Я новичок в 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!';
}
Затем я добавил в приложение.component.html новый var с новой интерполяцией
<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>
Почему я должен экранировать "{{", если новая интерполяция - "[[" "]]"?