title: Select manipulation on a list
body: <p>I have a list, as soon as I select my last item of the list, I want it to always select the first one.</p>
  
  <p>Is there a way to do this ? </p>
  
  <p><img src="https://i.stack.imgur.com/WTGGy.png" alt="Here&#39;s an image of my list "></p>
  
  <pre><code>&lt;ion-select interface="popover" [ngModel]="selecteduser._id" (ngModelChange)="selectUser($event)"&gt;
      &lt;ion-option *ngFor="let user of users" [value]="user._id"&gt;
        &lt;/ion-content&gt;{{ getUserNickname(user }} &lt;/ion-option&gt;
      &lt;ion-option  (ionSelect)="openConfigPage()" &gt;Configuration&lt;/ion-option&gt;
  &lt;/ion-select&gt;
  </code></pre>
  
  <p>So I want when I click on my configuration, it will select the first item of my list</p>
  
  <p>There is my ts</p>
  
  <pre><code>openConfigPage() {
      this.selectedUser = this.users[0]; // Will select the first item of the list 
      this.navCtrl.push(ConfigPage)
  }
  
  selectUser(userId: string) {
      this.selectedUser = this.users.find(b =&gt; b._id === userId)
      this.onSelect.emit(this.selectedUser)
  }
  </code></pre>
  
  <p>Is there a way to do it with the DOM ?</p>