验证离子代码结构

Question

任何人都可以以纯离子-2格式验证此代码吗？ 因为我有点困惑无法正确检查。 如果这不是好的格式，那么它可能是什么？

`<ion-content padding>
   <div class="main-contain"  col-12 col-sm-12 col-md-6 col-lg-4 col-xl-3>
      <div class="header">
         <h2 text-center class="vision">Vision Logistica</h2>
         <hr col-6 class="hrow">
         <h3 text-center class="vision">Ciao, inserisci i tuoi dati 
            per<br/>accedere
         </h3>
         <hr col-6 class="hrow">
      </div>
      <h5 text-center>oppure</h5>
      <div class="form" col-11>
         <form [formGroup]="login" >
            <div class="username">
               <ion-item>
                  <ion-label stacked class="labels">Username</ion-label>
                  <ion-input class="inputs" type="text" 
[(ngModel)]="username" formControlName="username"></ion-input>
               </ion-item>
            </div>
            <div class="password">
               <ion-item>
                  <ion-label stacked class="labels">Password</ion-label>
                  <ion-input class="inputs" type="password" 
[(ngModel)]="password" formControlName="password"></ion-input>
               </ion-item>
            </div>
         </form>
      </div>
   </div>
</ion-content>`

Answer 1

如果您使用Visual Studio，则使用命令Alt + shift + f来格式化HTML代码

Answer 2

<ion-content padding>
    <div class="main-contain" col-12 col-sm-12 col-md-6 col-lg-4 col-xl-3>
        <div class="header">
            <h2 text-center class="vision">Vision Logistica</h2>
            <hr col-6 class="hrow">
            <h3 text-center class="vision">Ciao, inserisci i tuoi dati
                per<br />accedere
            </h3>
            <hr col-6 class="hrow">
        </div>
        <h5 text-center>oppure</h5>
        <div class="form" col-11>
            <form [formGroup]="login">
                <div class="username">
                    <ion-item>
                        <ion-label stacked class="labels">Username</ion-label>
                        <ion-input class="inputs" type="text" [(ngModel)]="username" formControlName="username"></ion-input>
                    </ion-item>
                </div>
                <div class="password">
                    <ion-item>
                        <ion-label stacked class="labels">Password</ion-label>
                        <ion-input class="inputs" type="password" [(ngModel)]="password" formControlName="password"></ion-input>
                    </ion-item>
                </div>
            </form>
        </div>
    </div>
</ion-content>`

完美的权利亲爱的。Visual Studio 代码中的 Alt + shift + f如果你不使用Visual Studio Code。如果您的代码不会泄露第三方页面中的信息，您可以在线格式化