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 대신 Object가 필요합니까?

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

대신 : 나는 상황을 제대로 이해한다면

<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 => Object.assign(myCateg,{numLinks: numlinks})) 

따라서 코드는 이 같은 g :

{ 
    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})) 

에 :

이

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