Как преобразовать массив в объект и перебрать список в угловых 5?

Question

JSON: у меня есть json, в котором я хочу перебрать userids в списке, но я могу получить userids, но не содержимое в списке.

{
    "data": {
        "items": [
            {
                "regions": "India",
                "ownerids": "[master]",
                "userids": "[\"sia(123), Smith James(124)\"]",
                "groupid": "111",
                "groupname": "Gopi_test1"
            },
        ]
    }
}

html: в этом я использую useridsтак что он печатает как «sia (123), Smith James (124) \», но я сталкиваюсь с проблемой отображения в виде списка sia и smith james в виде списка, т.е. 1) sia 2) smith james

<li *ngFor= "let member of userids">
<span><input  type="checkbox"/>
 <label>{{member}}</label></span>
</li>



Component:// This is my component and hidden some part of code...
@Component({
  selector: 'app-group',
  templateUrl: './group.component.html',
  styleUrls: ['./group.component.css']
})
export class GroupComponent implements OnInit {    
    userids :any[];

     ngOnInit() {
    this.service.getGroupMembers().subscribe(data => {this.userids = data.data.items});
    }
//some part of code is hidden 
}

Answer 1

Похоже, у вас есть хоть какой-то контроль над тем, как структурируются данные, которые вы получаете.Вот некоторые вещи, которые я рекомендую вам изменить.

1. Старайтесь не объединять несколько значений в одну строку.Хранение их отдельно даст вам больше контроля над тем, как вы будете использовать данные позже.Это также избавит вас от необходимости анализировать значения без необходимости

2. Использовать массивы, где несколько значений должны быть сгруппированы вместе

3. Назовите ваши свойства соответственно,используйте множественное число для массивов и единственное число для одиночных значений

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

DEMO