angular / angular/angular-cli

Angular schematics generates blank lines through template

Ouverte
#27,896 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub
area: @angular-devkit/schematics freq1: low severity2: inconvenient type: bug/fix workaround2: non-obvious
Langage dominant
TypeScript
Étoiles
27k
Forks
11.8k
Merge moyen
14 h 23 min
PR mergées (30 j)
162

Description

### Command

generate

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

I have ng schematics template `__name@dasherize__.component.html` with content :

> <% for (let row of getComponents().rows) { %>
>


> <% for (let field of row.fields) { %>
> <% if (field.type === 'InputStrxing') { %>
>
>
>
> <% } %>
> <% } %>
>

> <% } %>

I build it with :

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

Generated code creates empty lines on place where is put command "<%" in template, see:

>
>
>


>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>

Is there anyway these white spaces can be avoided. If we have to do it manually, it might kill the purpose of this code generator tool

### Minimal Reproduction

Write a schematic template code with inline code <% inline code %>. Then build and generate code using commands

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

We can see generated code is having while spaces wherever inline code is present.

### Exception or Error

_No response_

### Your Environment

```text
ng analytics disable --global

Global setting: enabled
Local setting: No local workspace configuration file.
Effective status: enabled

_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/

Angular CLI: 16.2.14
Node: 18.19.1
Package Manager: npm 10.2.4
OS: darwin arm64

Angular: undefined
...

Package Version
------------------------------------------------------
@angular-devkit/architect 0.1602.14
@angular-devkit/core 16.2.14
@angular-devkit/schematics 16.2.14
@schematics/angular 16.2.14
typescript 5.1.6
```

### Anything else relevant?

_No response_

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Reproduisez les lignes vides du modèle schematic inline <% ... %> à l’aide de npm run build et de schematics .:ui-generator --name=hello. Commencez par retracer la manière dont Angular CLI schematics effectue le rendu des commandes de modèle, puis vérifiez que la sortie générée omet les espaces blancs propres aux commandes tout en préservant le contenu environnant.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
cli, tooling
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.