Angular2 튜토리얼 :이 섹션의 ID 변수가 자동으로 증가하는 이유는 무엇입니까?

Question

This Section of the Angular2 Tutorial에는 배열에 새 항목을 추가하는 기능이 있습니다. 추가하면 ID가 자동으로 증가하지만 어떤 프로세스가 그 ID를 처리하는지 알 수 없습니다.

나는 Arrays.push()가 배열의 길이를 반환한다는 것을 안다. Hero 클래스의 id 변수에 자동으로 삽입되는 길이인가? create 방법에서 추가

add(name: string): void { 
    name = name.trim(); 
    if (!name) { return; } 
    this.heroService.create(name) 
    .then(hero => { 
    this.heroes.push(hero); 
    this.selectedHero = null; 
    }); 
} 

Answer 1

튜토리얼은 angular 2 in-memory-web-api 라이브러리를 사용하고 있습니다. 그것은 영웅의 URL에 만들어지고있는 게시물을 처리하고 있습니다. 핸들러는 라인 (328)에이 파일에서 볼 수있다 :

InMemoryBackendService.prototype.genId = function (collection) { 
    // assumes numeric ids 
    var maxId = 0; 
    collection.reduce(function (prev, item) { 
     maxId = Math.max(maxId, typeof item.id === 'number' ? item.id : maxId); 
    }, null); 
    return maxId + 1; 
}; 

Answer 2

에게 거기에 heroes.component.ts

create(name: string): Promise<Hero> { 
return this.http 
    .post(this.heroesUrl, JSON.stringify({name: name}), {headers: this.headers}) 
    .toPromise() 
    .then(res => res.json().data) 
    .catch(this.handleError); 
} 

: hero.services.ts에서

영웅 생성하는 코드 블록이있다 서비스의 웹 API가 호출되어 영웅의 이름을 게시하면 id 및 name 필드의 전체 영웅 개체가 반환됩니다.

그래서 나는 그 웹 API에서 커튼 뒤에있는 "증가"와 "절약"을 추측합니다.

Answer 3

기본 기능은 InMemoryDbService입니다.

당신은 app/in-memory-dataservice.ts

import { InMemoryDbService } from 'angular2-in-memory-web-api

서비스에 대한 각 소스의 모의/참조를 찾을 수는 여기에서 찾을 수 있습니다 : in-memory-backend.service.t (line 326)