Как добавить флажок для списков

, поэтому я пытаюсь добавить флажок для каждого контакта в списке. Это то, что у меня есть сейчас, но по каким-то причинам флажки не отображаются рядом с именами контактов!Как добавить флажок для списков

<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 class="checkbox checkbox--list-item"> 
       <input type="checkbox"> 
       <div class="checkbox__checkmark checkbox--list-item__checkmark"></div> 
       </ons-col> 
       <ons-col class="person-name" ng-click="contactsBack(person.username)" > 
       {{person.username}} 
       </ons-col> 
      </ons-row> 
      </ons-list-item> 
     </ons-list>

источник

2016-04-04 Mohammed Islubee

Когда вы говорите «это не работает», что вы имеете в виду? Что он делает и как это отличается от того, что вы ожидаете от этого? – Lex

Флажки не добавляются/отображаются рядом с именами контактов. Я ожидаю, что это будет добавление выбранного контакта в массив для создания группового сообщения. На данный момент я пытаюсь установить флажки, чтобы работать над добавлением контактов в массив. –

На первый взгляд, помимо некоторых странных вещей (не уверен, что вы используете 'ng-init', а что' {{char}} 'или где' searchInput' определено), похоже, что он должен работать. Возможно, вы можете создать JSFiddle или Plunker, чтобы проиллюстрировать проблему, с которой вы сталкиваетесь. – Lex

Как Lex упоминался - у вас есть код, который не имеет отношения к актуальной проблеме - это, как правило, лучше, если вы не ставите код, который не имеет отношения, но я предполагаю, что это не проблема в этом случае.

В принципе, поскольку вы используете пользовательские теги - все, что вам нужно, это <ons-input type="checkbox"></ons-input>.

Адрес simple demo.

На самом деле даже ons-row и ons-col s не действительно необходимы, если вы делаете что-то необычное - ons-list-item обеспечивает эту функцию, если вы просто добавить left и center классы для своих детей.

<ons-list-item class="person" modifier="tappable" ng-repeat="person in contacts"> 
    <ons-input type="checkbox" class="left" input-id="input-{{$index}}"></ons-input> 
    <label class="center" for="input-{{$index}}">{{person.username}}</label> 
</ons-list-item>

источник

2016-04-04 03:36:23

ответ

Смежные вопросы