{"id":17157614,"url":"https://github.com/deborahk/angular2-toh-displayingdata","last_synced_at":"2025-03-24T14:19:24.223Z","repository":{"id":74216799,"uuid":"42901894","full_name":"DeborahK/Angular2-ToH-DisplayingData","owner":"DeborahK","description":"Code for Displaying Data Chapter","archived":false,"fork":false,"pushed_at":"2015-09-22T00:48:59.000Z","size":164,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-29T19:15:00.392Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DeborahK.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-09-22T00:45:20.000Z","updated_at":"2019-08-15T12:34:06.000Z","dependencies_parsed_at":"2023-03-11T16:49:18.799Z","dependency_job_id":null,"html_url":"https://github.com/DeborahK/Angular2-ToH-DisplayingData","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeborahK%2FAngular2-ToH-DisplayingData","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeborahK%2FAngular2-ToH-DisplayingData/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeborahK%2FAngular2-ToH-DisplayingData/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeborahK%2FAngular2-ToH-DisplayingData/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DeborahK","download_url":"https://codeload.github.com/DeborahK/Angular2-ToH-DisplayingData/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245284742,"owners_count":20590309,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-14T22:09:23.915Z","updated_at":"2025-03-24T14:19:24.189Z","avatar_url":"https://github.com/DeborahK.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Getting Started\n\n1. Must install pre-requisites `npm install -g tsd typescript live-server`\n\n1. Fork and cone this repo\n\n1. `npm install`\n\n1. Run the TypeScript compiler and watch for changes `npm run tsc`\n\n1. Open 2nd terminal and launch the app in the browser `npm start`\n\n## Notes\n\n- Add redirectTo and/or otherwise routes\n- Replace mocks with http when ready\n- Update file names with dots when SystemJS 0.19 lands\n\n\n## From Scratch\n\n\n1. Create empty `package.json`\n\n\t```bash\n\tnpm init -y\n\t```\n\n1. Install npm packages\n\n\t```bash\n\tnpm install --save angular2 systemjs traceur\n\t```\n\n1. Make a source folder\n\n\t```bash\n\tmkdir -p src/app\n\t```\n\n1. Install typings files\n\n\t```bash\n\ttsd install angular2 -rosa --config src/tsd.json\n\t```\n\n1. Create a `tsconfig.json` file, in an editor\n\n\t```json\n\t{\n\t\t\"compilerOptions\": {\n\t\t\t\"target\": \"ES5\",\n\t\t\t\"module\": \"commonjs\",\n\t\t\t\"sourceMap\": true,\n\t\t\t\"emitDecoratorMetadata\": true,\n\t\t\t\"experimentalDecorators\": true,\n\t\t\t\"removeComments\": false,\n\t\t\t\"noImplicitAny\": true\n\t\t}\n\t}\n\t```\n\n1. Create `app.ts` and enter\n\n\t```javascript\n\timport {bootstrap, Component, View} from 'angular2/angular2';\n\n\t@Component({\n\t\tselector: 'app'\n\t})\n\t@View({\n\t\ttemplate: '\u003ch1\u003eMy First Angular 2 App\u003c/h1\u003e'\n\t})\n\texport class AppComponent { }\n\n\tbootstrap(AppComponent);\n\t```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeborahk%2Fangular2-toh-displayingdata","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeborahk%2Fangular2-toh-displayingdata","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeborahk%2Fangular2-toh-displayingdata/lists"}