Отобразить неупорядоченный список телефонных номеров

Question

Я сделал блок, чтобы зацикливать всю базу данных и захватить все цифры и отобразить их в неупорядоченном списке, но все они возвращаются в одну строку, как и все они - один элемент. Я чувствую, что блок должен автоматически отделять их?

`<h1>Listing Numbers</h1> 
    <div class='from-group'> 
    <ul> 
     <li class="numbers"> 
     <% @people.each do |person| %> 
      <%= person.phone_number %> 
     <% end %> 
     </li> 
    </ul> 
    </div> 
` 

Answer 1

То, что я думаю, что происходит, что все номера находятся на одном li, а не индивидуальной li ...

Чувствуете разницу:

<h1>Listing Numbers</h1> 
 
<div class='from-group'> 
 
    <ul> 
 
    <li class="numbers"> 
 
     Item 1 Item 2 Item 3 (we're all in the same li) 
 
    </li> 
 
    </ul> 
 

 
</div> 
 

 
<h1>Listing Numbers</h1> 
 
<div class='from-group'> 
 
    <ul> 
 
    <li class="numbers">Item 1 Separate li</li> 
 
    <li class="numbers">Item 2 Separate li</li> 
 
    <li class="numbers">Item 3 Separate li</li> 
 
    </ul> 
 

 
</div>

Answer 2

Похоже, что re только одна итерация и person.phone_number печатает все три номера одновременно. Проверьте person. Я думаю, что он содержит все три числа в одном атрибуте phone_number. В этом случае вы можете разбить числа и объединить их вместе с перерывом строки html.

<%= person.phone_number.split(" ").join("<br />") %> 

Но с этим решением, которое вы держите номер только в одном li элементе.

Другой способ - подумать о миграции базы данных, чтобы хранить номера в разных атрибутах (телефон, мобильная связь, факс, ...).