如何定义Angular HttpClientInMemoryWebApiModule url?

时间:2019-01-07 19:14:27

标签: angular

https://angular.io/tutorial/toh-pt6中,通过使用url从另一个服务中使用了内存中的Web api

private heroesUrl = 'api/heroes';  // URL to web api

更改此选项将中断应用程序。如果仅在调用代码中定义了url,它将如何工作?

1 个答案:

答案 0 :(得分:0)

在链接上方的情况下,包含项的数组的名称定义了url。因此,更改网址

private heroesUrl = 'api/heroesmod';  // URL to web api

如果数组名称也被更改,则可以正常工作。

export class InMemoryDataService implements InMemoryDbService {
  createDb() {
    const heroesmod = [
      { id: 11, name: 'Mr. Nice' },
      { id: 12, name: 'Narco' },
      { id: 13, name: 'Bombasto' },
      { id: 14, name: 'Celeritas' },
      { id: 15, name: 'Magneta' },
      { id: 16, name: 'RubberMan' },
      { id: 17, name: 'Dynama' },
      { id: 18, name: 'Dr IQ' },
      { id: 19, name: 'Magma' },
      { id: 20, name: 'Tornado' }
    ];
    return {heroesmod};
  } 

只有反斜杠后面的名称很重要。即使在网址下也可以使用

private heroesUrl = 'apimod/heroesmod';  // URL to web api