角度10とInvokeDBでアプリを行うには

概要

必要条件

ガイド

InvokeDBでtodoテーブルを設定する

をクリックします+ アイコンと選択Empty Table

角からtodoテーブルを呼び出す

const BASE_URL = 'https://api.invokedb.com/v1';
const API_KEY = 'your api key';

getHeaders() {
  return new HttpHeaders().set('Authorization', `Bearer ${API_KEY}`);
}

getRows(table: string, params: any, filter?: any) {
  const { skip, limit } = params;
  const urlQuery = `table=${table}&skip=${skip}&limit=${limit}`;
  const headers = this.getHeaders();

  return filter
    ? this.http.post(`${BASE_URL}/search?${urlQuery}`, filter, { headers })
    : this.http.get(`${BASE_URL}/get?${urlQuery}`, { headers });
}

getItems(showCompleted = true) {
  const params = {
    skip: 0,
    limit: 200
  };

  let filter;

  if (!showCompleted) {
    filter = {
      isComplete: {
        value: 'no',
        type: 'equals'
      }
    };
  }

  return this.invokedb
    .getRows('todo', params, filter)
    .pipe(map((res: any) => res.data));
}

this.svc
  .getItems(this.showCompleted)
  .subscribe(items => (this.items = items));