Question

在通过Angular-Cli构建应用程序后，您是否可以在Angular2应用程序中使用Jinja2模板变量？若然，怎么做？

我目前正在传递生成的index.html文件，该文件是通过带有服务器端参数的Jinja2模板引擎构建的。传递的任何模板参数仅在index.html内工作。如果我想将它们传递给Angular2中的组件模板怎么办？

ng-build文件结构：

dist
|-assets/
|-inline.bundle.js
|-main.bundle.js
|-index.html
|-styles.bundle.css
|-styles.bundle.map
|-vendor.bundle.js

的index.html

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <!-- this {{ test_param }} is properly rendered via Jinja2 -->
    <title>{{ test_param }}</title>
    <base href='/'>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="styles.bundle.css" rel="stylesheet"/></head>
<body>
    <app-root>Loading...</app-root>
    <script type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="vendor.bundle.js"></script><script type="text/javascript" src="main.bundle.js"></script></body>

main.component.html 中的

，该模板是ng2 中main.component.ts的一部分：

<!-- this {{ test_param }} does not render to anything since it is generated and built by ng2-cli -->
<h1>{{ test_param }}</h1>

更改主要组件模板的ng2插值不会改变任何内容，因为angular-cli仍然需要构建。

通过{{ '{' }} and {{ '}' }}引用大括号返回组件中的文字{{ test_param }}。

Angular-cli构建之后的Jinja2和Angular2模板变量

0 个答案: