Object.assignの使用を避けるにはどうすればいいですか？

Question

私はカテゴリのリストを取得するための関数を実行しています。それぞれのカテゴリについて、idを取得し、その特定のカテゴリの 'リンク'の数を取得する別の関数を実行します。そのために

、私は次のコードを持っている：

ngOnInit(): void 
    { 
     this.categories = this.categoryService.getCategories(); 
     const example = this.categories.mergeMap((categor) => categor.map((myCateg) => 
      { 
      this.categoryService.countCategoryLinks(myCateg.id) 
       .map(numlinks => Object.assign(myCateg,{numLinks: numlinks})) 
       .subscribe(valeur => console.log(valeur)); 
      return myCateg.id 
     })); 

     example.subscribe(val => console.log("valeur2: "+val)); 
    } 

getCategories（）である：

getCategories(): Observable<any> 
     { 
     return this.category.find({where: {clientId: this.userApi.getCurrentId()}}) 

    }; 

とcountCategoryLinksは（）である：

countCategoryLinks(id: number): Observable<any> 
    { 
    return this.category.countLinks(id) 
    }; 

それが表示されます、などを以下のスクリーンショットに示されています。

numlinksはObjectです。もちろんこれはObject.assignによって行われます。

「カウント」をcategoryName ot clientIdの代わりにオブジェクトのように挿入する方法はありますか？

私の目標は、テンプレートのすべての値を表示できるようにすることです：

<tr *ngFor="let category of categories | async; let id = index"> 
        <td> 
         <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect mdl-data-table__select" 
           for="row[3]"> 
          <input type="checkbox" id="row[3]" class="mdl-checkbox__input"/> 
         </label> 
        </td> 
        <td class="mdl-data-table__cell--non-numeric"><a [routerLink]="['/category/links']"></a>{{ 
         category.categoryName }} 
        </td> 
        <td class="mdl-data-table__cell--non-numeric">{{category.numLinks}}</td> 
        <td #category.id><i (click)="deleteCategory(id)" class="material-icons">delete</i></td> 
       </tr> 

Answer 1

私はこれを正しく理解していれば、あなたは、単にこれを行うことができます：

.map(numlinks => { 
    myCateg.numLinks = numlinks.count; 
    return myCateg; 
}) 

の代わりに

.map(numlinks => Object.assign(myCateg,{numLinks: numlinks})) 

したがって、あなたのコードは何かになるはずです

.map(numlinks => Object.assign(myCateg,{numLinks: numlinks})) 

：

{ 
    this.categories = this.categoryService.getCategories(); 

    const example = this.categories 
    .mergeMap((categor) => categor 
     .map((myCateg) => { 

     this.categoryService 
      .countCategoryLinks(myCateg.id) 
      .map(numlinks => { 
      myCateg.numLinks = numlinks.count; 
      return myCateg; 
      }) 
      .subscribe(valeur => console.log(valeur)); 

     return myCateg.id; 
     })); 

    example.subscribe(val => console.log("valeur2: " + val)); 
} 

Answer 2

変更この行：このようなグラム

.map(numlinks => Object.assign(myCateg, { numLinks: numlinks.count }))