angular - 角度原理图在模板中生成空行，如何防止它？

Question

我有__name@dasherize__.component.html包含内容的 ng 示意图模板：

<% for (let row of getComponents().rows) { %>
<div class="row">
  <% for (let field of row.fields) { %>
  <% if (field.type === 'InputString') { %>
  <field labelCode="code" class="col-sm-6 col-md-3">
    <input name="code" ngModel [readonly]="readOnly">
  </field>
  <% } %>
  <% } %>
</div>
<% } %>

我用以下方式构建它：

npm run build 
schematics .:ui-generator --name=hello

生成的代码在模板中放置命令“<%”的位置创建空行，请参阅：

<div class="row">


  <field labelCode="code" class="col-sm-6 col-md-3">
    <input name="code" ngModel [readonly]="readOnly">
  </field>



  <field labelCode="code" class="col-sm-6 col-md-3">
    <input name="code" ngModel [readonly]="readOnly">
  </field>



  <field labelCode="code" class="col-sm-6 col-md-3">
    <input name="code" ngModel [readonly]="readOnly">
  </field>




</div>

如果我将原理图命令放在 html 标记之后的模板中，如下所示：

<div class="row"><% for (let field of row.fields) { %><% if (field.type === 'InputString') { %>
      <field labelCode="code" class="col-sm-6 col-md-3">
          <input name="code" ngModel [readonly]="readOnly">
      </field><% } %><% } %>
    </div><% } %>

然后像它应该的那样生成html - 没有空行。

<div class="row">
  <field labelCode="code" class="col-sm-6 col-md-3">
      <input name="code" ngModel [readonly]="readOnly">
  </field>
  <field labelCode="code" class="col-sm-6 col-md-3">
      <input name="code" ngModel [readonly]="readOnly">
  </field>
  <field labelCode="code" class="col-sm-6 col-md-3">
      <input name="code" ngModel [readonly]="readOnly">
  </field>
</div>

我错了什么？是否可以以“人类可读”的方式编写原理图模板命令？我的意思是格式化样式，还是真的必须在 html 标签之后放置命令？

标签： angularblank-lineangular-schematics