Tried out the new angular parser. After formatting our very large code base. I stumbled over this, because formatting this with prettier produced different results in different iterations.
Prettier 1.15.1
Input:
<button
type="button"
(click)="closeDialog()"
class="btn btn-primary"
[ngClass]="{
'btn-success': (dialog$ | async).level === dialogLevelEnum.SUCCESS,
'btn-warning': (dialog$ | async).level === dialogLevelEnum.WARNING,
'btn-svg': (dialog$ | async).level === dialogLevelEnum.DANGER
}">
{{(dialog$ | async).btnTxt}}
</button>
Output (1st iteration):
<button
type="button"
(click)="closeDialog()"
class="btn btn-primary"
[ngClass]="{
'-success\': ': (dialog$ | async).level === dialogLevelEnum.SUCCESS,
'-warning\': ': (dialog$ | async).level === dialogLevelEnum.WARNING,
'-svg\': ': (dialog$ | async).level === dialogLevelEnum.DANGER
}"
>
{{ (dialog$ | async).btnTxt }}
</button>
Output (2nd iteration):
<button
type="button"
(click)="closeDialog()"
class="btn btn-primary"
[ngClass]="{
'cess\': \': ': (dialog$ | async).level === dialogLevelEnum.SUCCESS,
'ning\': \': ': (dialog$ | async).level === dialogLevelEnum.WARNING,
'\': \': ': (dialog$ | async).level === dialogLevelEnum.DANGER
}"
>
{{ (dialog$ | async).btnTxt }}
</button>
Output (3rd iteration):
<button
type="button"
(click)="closeDialog()"
class="btn btn-primary"
[ngClass]="{
'\': \': \': ': (dialog$ | async).level === dialogLevelEnum.SUCCESS,
'\': \': \': ': (dialog$ | async).level === dialogLevelEnum.WARNING,
'\': \': ': (dialog$ | async).level === dialogLevelEnum.DANGER
}"
>
{{ (dialog$ | async).btnTxt }}
</button>
Output (4th iteration):
<button
type="button"
(click)="closeDialog()"
class="btn btn-primary"
[ngClass]="{
': \': \': ': (dialog$ | async).level === dialogLevelEnum.SUCCESS,
': \': \': ': (dialog$ | async).level === dialogLevelEnum.WARNING,
'\': \': ': (dialog$ | async).level === dialogLevelEnum.DANGER
}"
>
{{ (dialog$ | async).btnTxt }}
</button>
Output (5th iteration):
<button
type="button"
(click)="closeDialog()"
class="btn btn-primary"
[ngClass]="{
' \': \': ': (dialog$ | async).level === dialogLevelEnum.SUCCESS,
' \': \': ': (dialog$ | async).level === dialogLevelEnum.WARNING,
'\': \': ': (dialog$ | async).level === dialogLevelEnum.DANGER
}"
>
{{ (dialog$ | async).btnTxt }}
</button>
Output (6th iteration - stable from now on):
<button
type="button"
(click)="closeDialog()"
class="btn btn-primary"
[ngClass]="{
'\': \': ': (dialog$ | async).level === dialogLevelEnum.SUCCESS,
'\': \': ': (dialog$ | async).level === dialogLevelEnum.WARNING,
'\': \': ': (dialog$ | async).level === dialogLevelEnum.DANGER
}"
>
{{ (dialog$ | async).btnTxt }}
</button>
Expected behavior:
Not to break code.
Tried out the new angular parser. After formatting our very large code base. I stumbled over this, because formatting this with prettier produced different results in different iterations.
Prettier 1.15.1
Input:
Output (1st iteration):
Output (2nd iteration):
Output (3rd iteration):
Output (4th iteration):
Output (5th iteration):
Output (6th iteration - stable from now on):
Expected behavior:
Not to break code.