Angular 2和Twig站点生成器

我正在尝试建立一个结合Angular 2和Twig的项目。在高层次上，angular应用程序基本上是一个站点生成器。在项目中有一个视图文件夹，其中包含许多不同的站点模板，这些模板是细枝文件。其中一个组件请求一个JSON文件，该文件提供特定的站点信息，如标题、标题、内容等。它还指定某种配置变量，告诉Angular要拉哪个模板。该模板与JSON中的数据相结合，并编译站点。这听起来可能吗

我发现了这一点，开发人员友好地更新了它，以支持Angular的最新版本。我用angular cli编写了一个basic，并试图让它以模板的形式呈现一个细枝文件。如果我将细枝文件作为模板字符串包含进来，它会很好地渲染。如果我将其作为模板URL包含，如下所示：

组件

import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { Twig } from '@manekinekko/angular-twig';

@Twig({
  selector: 'app-test',
  templateUrl: '../views/test.html.twig',

   context: {
       title: 'Angular2 ❤ Twig',
       content_1: 'blah',
       content_2: 'content 2'
   },
})

export class TestComponent implements OnInit {

 content_1 ='content 1';
 constructor() { }

    ngOnInit() {
    }

}

模板

{{ content_1 }}

我得到一个错误，没有定义content_1，尽管它可以作为模板字符串使用。我不太清楚发生了什么事。我知道我在一个单独的控制器中使用了模板，而不是组件。这可能是问题所在吗？理想情况下，我希望应用程序能够以这种方式工作，这样我就可以将所有单独的站点模板文件放在单独的文件夹中

---

我也欢迎任何关于完全替代方法的想法。谢谢

不确定您是否仍在寻找解决方案，但我发现以下问题：

{{'{{' ~ aTwigVariable ~ '}}'}}

所以你的模板部分是

{{'{{' ~ content_1 ~ '}}'}}

---

希望这有帮助：）

谢谢，我们决定在项目中走不同的路线，所以我将结束这个问题。