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>

如果新的插值是“ [[””]]，为什么为什么必须转义“ {{”？

角度自定义模板插值用花括号中断

0 个答案: