离子代码结构的验证

Question

有没有人能用纯ionic-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>`

太好了，亲爱的。Alt + shift +f在visual studio代码中，如果您不使用visual studio代码，并且您的代码不会泄漏第三方页面中的信息，则可以联机设置格式。