koakh
12/18/2017 - 5:10 PM

Aurelia Fetch Client Gist - Forked

Aurelia Fetch Client Gist - Forked

app.html
content_copyfile_download
<template>
  <h1>${message}</h1>
  <pre>${data}</pre>
  <ul>
    <li repeat.for="user of users">
      ${user.login}
    </li>
  </ul>
</template>
app.js
content_copyfile_download
import {inject} from 'aurelia-framework';
import {HttpClient} from 'aurelia-fetch-client';

@inject(HttpClient)
export class App {
  message = 'Hello World!';
  users = null;
  data = null;
  
  constructor(http) {
    http.fetch('https://koakh.com:8085/api/users')
      .then(response => response.json())
      .then(data => 
        {
          //this.users = users
          his.data = data;
        }
      );
  }
}
index.html
content_copyfile_download
<!doctype html>
<html>
  <head>
    <title>Aurelia</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body aurelia-app>
    <h1>Loading...</h1>
    
    <script src="https://jdanyow.github.io/rjs-bundle/node_modules/requirejs/require.js"></script>
    <script src="https://jdanyow.github.io/rjs-bundle/config.js"></script>
    <script>
      require.config({
        paths: {
          "aurelia-fetch-client": "https://jdanyow.github.io/rjs-bundle/node_modules/aurelia-fetch-client/dist/amd/aurelia-fetch-client"
        }
      })
    </script>
    <script src="https://jdanyow.github.io/rjs-bundle/bundles/aurelia.js"></script>
    <script src="https://jdanyow.github.io/rjs-bundle/bundles/babel.js"></script>
    <script>
      require(['aurelia-bootstrapper']);
    </script>
  </body>
</html>