リストから複数のアイテムを選択する

Question

私はメッセージページを作成して、メッセージを送信する連絡先を追加することができます。 今のところ、1つの連絡先のみを送信できます。グループメッセージを作成するために複数の連絡先を選択しています。私はangularjs/jsを初めて使っています。だから、誰かが私にこのことがどうやって可能か考えてください。私はテキストメッセージアプリを作成するために、温泉使用しています。..ここ は、メッセージ作成ページで

$scope.contactsBack = function(name) { 

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


    } 

私は接触が選択されているし、contacts2ページでこの

<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> 

持っている..私は今のところ持っているものです

<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

理由だけではなく、閉じるボタンを配列に値を追加するタップで、チェックボックスを追加し、使用するかcontactsBack（）配列を渡すを発射するような？

チェックボックスは画像の横に表示されます。

<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>