Как отобразить значение JSON с разделителями-запятыми в виде списка?

1

Скажем, у меня есть массив вроде этого:

    var ARTISTS: Artist[] = [
      {
         "name": "Barot Bellingham",
         "shortname": "Barot_Bellingham",
         "reknown": "Royal Academy of Painting and Sculpture",
         "bio": "Some bio here...",
         "friends": "James, Harry, Bob"
      }

Можно ли отображать значения для ключевых "друзей" как неупорядоченный список, где каждый друг будет его собственным элементом списка, например:

    <ul>
      <li>James</li>
      <li>Harry</li>
      <li>Bob</li>
    </ul>

Я действительно понимаю, что "друзья" будут лучше храниться в виде вложенного массива, чтобы отображать его в виде списка, но я рассматриваю это как потенциальное обходное решение для другой проблемы.

Спасибо!

PS Я использую Angular 2.

  • 2
    возьмите поле друзей вашего художника и назовите его split (','). ARTISTS[0].friends.split(',') даст вам [ 'James', ' Harry', ' Bob' ]
  • 0
    split(', ') урежет пробел. :)
Теги:
angular
html-lists

1 ответ

0
Лучший ответ

Вы можете использовать String.prototype.split(), чтобы получить массив друзей.

var arrayOfFriends = Artist[0].friends.split(", ");
// arrayOfFriends = ['James', 'Harry', 'Bob']

Оттуда петля над массивом и создайте свой список

  • 2
    На самом деле вы получаете ['James', ' Harry', ' Bob']
  • 1
    Спасибо! Это помогает, но я пока не думаю, что я вне леса. Когда "friends" - это массив (т.е. pre .split (',')), я отображаю их следующим образом: <li *ngFor="let friend of artist.friends">{{friend}}</li> Если я использовать <script>var arrayOfFriends = Artist[0].friends.split(", ");</script> как мне затем отобразить их в виде списка?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню