動的に追加されたリスト項目から角度2のjson配列を生成する方法

Question

私は角度2で新しいです。私は、検索上の項目のカテゴリを示唆する自動補完のテキスト入力を持っています。提案されたカテゴリのどれかをクリックすると、リストの中に新しいリストアイテムとしてcategory-tagsが追加されます（JQueryを使用）。

これらのカテゴリをリストアイテムにデータベースに投稿したいのですが、そのために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パイプがあります。ほぼ自動的に動作するはずです。