Template that multiplies tenfold

ionic-v1
1

Hello,

I have a problem in my mobile app, at the view.
The view is multiplied, the same template is present in the background and I do not understand why.

I put a screenshot, with my code.

image
Sans titre.png455×721 72.3 KB

my code :

<ion-view title="Compte rendu du patient" hide-back-button="true" cache-view="false" id="page13">
       <ion-nav-buttons side="left" class="has-header">
        <button class="button back-button buttons button-clear header-item" ng-click="goBack(idPatient)"><i class="icon ion-android-arrow-back"></i></button>
      </ion-nav-buttons>
      <ion-content padding="true" class="has-header" ng-repeat="element in crPatient track by $index">
        <ion-list id="menu-list">
          <p class="grey-title" id="ficheJeune-heading6">Informations</p>

          <ion-item>
            <div class="col col-sm-30">Lieu</div>
            <div class="col col-sm-70">{{ element.lieu || "- - - - -" }}</div>
          </ion-item>
          <ion-item id="ficheJeune-list-item15">
            <div class="col col-sm-30">Bénévole(s)</div>
            <div class="col col-sm-70">
              <ul id="crul">
                <li ng-show="element.benevole1!=null&&element.benevole1!=''">{{ element.benevole1 }}</li>
                <li ng-show="element.benevole2!=null&&element.benevole2!=''"> {{ element.benevole2 }}</li>
                <li ng-show="element.benevole3!=null&&element.benevole3!=''">{{ element.benevole3 }}</li>
              </ul>
            </div>
          </ion-item>
          <ion-item id="compteRendu-list-item28" >
          <div class="col col-sm-30">
            <span class="crtitle">Date</span>
            </div>  
            <div class="col col-sm-70">
              <span class="crvariable">{{ element.date | dateOnly: "dd MMMM y" }}</span>
            </div>
          </ion-item>
        </ion-list>

        <ion-list>
          <div class="show-list-numbers-and-dots">
          <p class="grey-title">Etat du patient</p>
          <p style="margin:15px" ng-bind-html="element.etatPatient"></p>
          </div>
        </ion-list>

        <ion-list>
          <div class="show-list-numbers-and-dots">
          <p class="grey-title">Compte rendu</p>
          <p style="margin:15px" ng-bind-html="element.compteRenduVisite"></p>
          </div>
        </ion-list>


       <ion-list>
         <div  class="show-list-numbers-and-dots">
          <p class="grey-title" id="ficheJeune-heading6">Projet</p>
          <ion-item>
            {{ element.projet }}
          </ion-item>
         </div>
        </ion-list>

         <!-- <div ng-show="true" style="color:#FFFFFF; background: #2c82b8" class="show-list-numbers-and-dots" ng-click="edit()">
          <ion-item>
            <p><i class="icon ion-edit"></i>&nbsp;Modifier le compte rendu</p>
          </ion-item>
        </div> -->
       </ion-content>
    </ion-view>

Can someone tell me what you do not want?

Thank you

2

You have to provide a codepen example to make it more easy for analysis.