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>

联系人2页面中的

正在选择联系

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

从列表中选择多个项目

1 个答案: