Auswählen mehrerer Objekte aus der Liste

Question

Ich habe eine Nachrichtenseite verfasst, auf der der Benutzer einen Kontakt hinzufügen kann, an den eine Nachricht gesendet werden soll. für jetzt kann ich nur einen Kontakt senden, was ich versuche, mehr als einen Kontakt zu wählen, um eine Gruppennachricht zu erstellen. Ich bin neu bei angularjs/js, also kann mir bitte jemand eine Idee geben, wie das möglich sein kann? Ich verwende onsen die SMS-App zu erstellen .. hier ist das, was ich jetzt habe ..

$scope.contactsBack = function(name) { 

    $scope.navi.pushPage('message.html'); 
    $scope.contactName = name; 


    } 

in compose Nachricht Seite Ich habe diesen

<div ng-controller="ContactsController" > 
      <div class="left"> 
       <input type="text" id = "myText"ng-model="contactName" class="text-input text-input--transparent" placeholder="Name" style="width: 100%"> 
      </div> 
     </div> 

      <ons-col> 
      <div class="left" ng-controller="MasterController"> 
       <ons-button ng-click="navi.pushPage('contacts2.html')"><ons-icon icon="ion-plus-round"></ons-icon></ons-toolbar-button> 
      </div> 
     </ons-col> 

in contacts2 Seite wurde Kontakt ausgewählt wird

<div ng-controller="ContactsController" > 
     <ons-list class="person-list" > 
     <ons-list-header class="person-list-header" ng-init="people = contacts">{{char}}</ons-list-header> 
      <ons-list-item class="person" modifier="tappable" ng-repeat="person in contacts | filter:searchInput"> 
      <ons-row> 
       <ons-col width="40px"> 
       <img src="images/profile-image-0{{i}}.png" class="person-image"> 
       </ons-col> 

       <ons-col class="person-name" ng-click="contactsBack(person.username)" > 
       {{person.username}} 
       </ons-col> 
      </ons-row> 
      </ons-list-item> 
     </ons-list> 
    </div> 

Answer 1

Warum nicht einfach ein Kontrollkästchen hinzuzufügen, tippen Sie auf den Wert zu einem Array hinzufügen, und verwenden Sie eine Schaltfläche zum schließen oder solche contactsBack(), die das Array feuern?

Das Kontrollkästchen könnte neben dem Bild sein.

<ons-row> 
    <ons-col width="40px"> 
    <input type="checkbox" ng-click="myArray.push(person.username)"> 
    </ons-col> 
    <ons-col width="40px"> 
    <img src="images/profile-image-0{{i}}.png" class="person-image"> 
    </ons-col> 
    <ons-col class="person-name" > 
    {{person.username}} 
    </ons-col> 
</ons-row>