我有__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 标签之后放置命令?