Application angulaire sans annotations

Question

Existe-t-il un paramètre de configuration pour supprimer ces commentaires et espaces vides ?

Ma commande build est ng build --environment prod --progress false --target production et tsconfig est :

{
    "compileOnSave": false,
    "compilerOptions": {
        "alwaysStrict": true,
        "baseUrl": "/",
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "forceConsistentCasingInFileNames": true,
        "lib": [ "es2015", "dom" ],
        "module": "es2015",
        "moduleResolution": "node",
        "newLine": "CRLF",
        "noFallthroughCasesInSwitch": true,
        "noImplicitAny": true,
        "noImplicitReturns": true,
        "noUnusedLocals": true,
        "noUnusedParameters": false,
        "outDir": "./dist/out-tsc",
        "removeComments": true,
        "skipDefaultLibCheck": true,
        "skipLibCheck": true,
        "strictNullChecks": true,
        "target": "es5",
        "typeRoots": [ "./node_modules/@types" ]
    }
}

@angular/cli：1.0.4

Nœud : 7.2.1

Système d'exploitation : win32 x64

@angle/commun : 4.1.3

Merci.

Answer 1

Chacune de ces annotations est un ViewContainerRef qu'Angular utilise pour maintenir la position d'une expression qui peut restituer la vue.

Lorsque vous avez un ngIf si l'expression est évaluée comme fausse, Angular ne rendra évidemment pas l'élément, mais une fois qu'il devient vrai, il rendra l'élément, alors comment sait-il où le mettre ?

Bien sûr, il existe d'autres évaluations d'expressions et liaisons de modèles de vue, mais ngIf est la plus simple à comprendre

C’est de là que viennent ces commentaires.

Answer 2

Ceci est généré en fonction de vos directives angulaires, balises, conditions (if, pour...), donc cet espace est requis. Si vous le supprimez, il ne fonctionnera pas très bien et toutes les liaisons bidirectionnelles disparaîtront. Ces espaces déterminent comment votre DOM angulaire sera rendu et lié aux modèles et aux variables. De plus, l'annotation suit l'endroit où le nouvel élément DOM sera rendu (s'il est conditionnel ou autre).

Veuillez vous référer à ce lien pour plus d'informations : https://github.com/angular/angular.js/issues/8722