如何遍历模板中的数组？

Question

我在项目中使用Angular的原理图 。

我有一个数字数组： const numbers = [1, 2, 3, 4, 5]

我想将它们打印在HTML模板中。 我通过以下方式传递数组：

export function schematics(_options: Schema): Rule {
  return (tree: Tree, _context: SchematicContext) => {
    const numbers = [1, 2, 3, 4, 5];

    const sourceTemplate = url('./files');
    const sourceParametrizedTemplate = apply(sourceTemplate, [
      template({
        ..._options,
        ...strings,
        numbers
      })
    ]);

    return mergeWith(sourceParametrizedTemplate)(tree, _context);
  };
}

我正在考虑做这样的事情：

的index.html

<h1>Numbers</h1>

  <%= for(let n in numbers) { =>

  <p><%= n %></p>

  <%= } %>

但是我收到了错误SyntaxError: Unexpected token for 。

有谁知道实现它的正确方法是什么？ 我在文档中找不到它。

谢谢！

Answer 1

我终于找到了！ 我必须在逻辑块中使用<%而不是<%= 。

<%=仅应用于要显示的块。

最终版本：

<h1>Numbers</h1>

  <% for(let n in numbers) { =>

  <p><%= n %></p>

  <% } %>

顺便说一句，我一直在寻找的结果是使用for ... of ...而不是for ... in ... ，但是它们都可以工作。