ngFor отображает только первый элемент в массиве

Question

В моей базе данных MongoDB есть массив CATEGORY. я получаю данные от этого, и когда я регистрирую это на консоли, это показывает все данные массива. но когда я помещаю его в шаблон с * ngFor, он показывает только первый. почему?

это шаблон:

<label for="categoryName">Category Name</label>        
<input type="text" class="form-control form-control-sm" placeholder="Choose Category or Search..." name="categoryName" formControlName="categoryName" list="categorys" id="categoryName">
<datalist id="categorys" *ngFor="let category of categorys">
    <option value="{{category.categoryName}}">
</datalist>

Answer 1

Измените его следующим образом: ngFor должно быть включено, а не dataList

<datalist id="categories">
    <option *ngFor="let one of categoryList" value="{{one.categoryName}}"> 
    </option>
</datalist>