如何从Angular 2中动态添加的列表项生成JSON数组

Question

我是Angular 2的新手。我有一个自动完成的文本输入，建议搜索项目的类别。当我点击任何建议的类别时，它会在列表category-tags中附加一个新的列表项（使用JQuery）。

我想将列表项中的这些类别发布到数据库中，因为我想将JSON数组作为＆＃34;类别＆＃34;。

自动完成输入代码：

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