从列表中选择多个项目

Question

我有一个撰写消息页面，用户可以在其中添加联系人以向其发送消息。目前，我只能发送一个联系人，我想做的是选择多个联系人来创建群组消息。我是 angularjs/js 的新手，有人可以告诉我这是如何实现的吗？我正在使用温泉来创建短信应用程序.. 这是我现在拥有的..

   $scope.contactsBack = function(name) {

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


  }

在撰写消息页面我有这个

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

在 contacts2 页面中正在选择联系人

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

从列表中选择多个项目

Selecting more than one item from list

javascript

angularjs

onsen-ui