如何从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管道。 它应该几乎可以自动工作。