如何從Angular 2中動態添加的列表項生成JSON數組

Question

我是Angular 2的新手。我有一個自動完成的文本輸入，可建議搜索中的項目類別。 當我單擊任何建議的類別時，它將作為新的列表項（使用JQuery）添加到列表category-tags中。

我想將這些列表項中的類別發布到數據庫中，為此，我想將JSON數組作為“類別”。

自動完成輸入代碼：

<h6>Add category</h6>
        <div class="col-lg-12 padding0">
            <input [formControl]="term" autocomplete="off" type="text" class="form-control" placeholder="Type Category Name" id="product-category-input">
            <div class="catsuggestions col-lg-12 padding0">
                <ul>
                    <li (click)="addCategory()" *ngFor="let item of items | async"><a href="#!" data-catid="item.categoryId">{{item.categoryName}}</a></li>
                </ul>
            </div>
        </div>

項目添加到此列表中

<ul class="category-tags"></ul>

請幫助我了解如何在動態添加的列表項上創建JSON數組。 謝謝。

Answer 1

有一個用於此類事情的json管道。 它應該幾乎可以自動工作。