Как отформатировать html код в угловой схеме? - PullRequest
Новая
       26

Как отформатировать html код в угловой схеме?

0 голосов
/ 07 июня 2019

Я создал собственную схему, все работает отлично, но HTML-код не отформатирован. 

<form [formGroup]="form" (ngSubmit)="onSubmit()">
    <div class="row">
    <% for (let formObject of htmlData)  { %>
        <div class="col-sm-<%= col %>">
        <% if(formObject.type === 'text') { %><dz-input [control]="form.get('<%= formObject.name %>')"></dz-input><% } %>
        <% if(formObject.type === 'select') { %><dz-select [control]="form.get('<%= formObject.name %>')"></dz-select><% } %>
        <% if(formObject.type === 'checkbox') { %><dz-checkbox [control]="form.get('<%= formObject.name %>')"></dz-checkbox><% } %>
        <% if(formObject.type === 'datepicker') { %><dz-datepicker [control]="form.get('<%= formObject.name %>')"></dz-datepicker><% } %>
        <% if(formObject.type === 'multiselect') { %><dz-multiselect [control]="form.get('<%= formObject.name %>')"></dz-multiselect><% } %>
        </div>
    <% } %>
    </div>
</form>

Сгенерированный HTML:

<form [formGroup]="form" (ngSubmit)="onSubmit()">
    <div class="row">
    
        <div class="col-sm-6">
        <dz-input [control]="form.get('texto')"></dz-input>
        
        
        
        
        </div>
    
        <div class="col-sm-6">
        <dz-input [control]="form.get('texto2')"></dz-input>
        
        
        
        
        </div>
    
        <div class="col-sm-6">
        
        <dz-select [control]="form.get('teste_1')"></dz-select>
        
        
        
        </div>
    
        <div class="col-sm-6">
        
        <dz-select [control]="form.get('teste2')"></dz-select>
        
        
        
        </div>
    
        <div class="col-sm-6">
        
        
        <dz-checkbox [control]="form.get('oooo')"></dz-checkbox>
        
        
        </div>
    
        <div class="col-sm-6">
        
        
        
        
        
        </div>
    
        <div class="col-sm-6">
        
        
        
        <dz-datepicker [control]="form.get('teste')"></dz-datepicker>
        
        </div>
    
        <div class="col-sm-6">
        
        
        
        
        <dz-multiselect [control]="form.get('aaaa')"></dz-multiselect>
        </div>
    
    </div>
</form>

Как я могу удалить эти пробелы?Я пытался изменить содержимое записи файла в index.html, но получил ошибку:

Невозможно установить содержимое свойства #, в котором есть только геттер

, которыйлучший способ сделать это?

...