johnpapa / angular2-force

ngConf 2016 live coding demo

Hello 👋

• 🔭 I’m currently working on ... Azure Static Web Apps, projects for 30+ Web frameworks, VS Code extensions, and Azure
  • Peacock
  • Angular Snippets
  • Winter is Coming Theme
• 📝 I write stuff at johnpapa.net and dev.to/john_papa
• 📚 Learn Azure Static Web Apps
• 🎙 Host the Web Rush podcast
• 🌱 I’m currently learning ... AI and Copilots!
• 👯 I’m looking to collaborate on ... https://github.com/johnpapa/hello-worlds
• 🤔 I’m looking for help with ... https://github.com/johnpapa/vscode-peacock
• 💬 Ask me about ... https://github.com/azure/static-web-apps
• 📫 How to reach me: ... https://twitter.com/john_papa
• 😄 Pronouns: ... He/Him
• ⚡ Fun fact: ... All things Disney

angular2-force's Issues

Cannot find name 'res' and other syntax errors

Angular 2 newbie here.

Thanks John Papa for awesome tutorial. I don't know if this is the right place to post this, but I am posting anyway.

I'm using webpack and following the ng-conf presentation. When I run npm start I get following error

ERROR in ./src/app/service/mock-data-service.service.ts
(13,25): error TS1005: '=>' expected.

ERROR in ./src/app/service/mock-data-service.service.ts
(13,27): error TS1005: ';' expected.

ERROR in ./src/app/service/mock-data-service.service.ts
(13,40): error TS1005: ';' expected.

ERROR in ./src/app/service/mock-data-service.service.ts
(13,30): error TS7027: Unreachable code detected.

ERROR in ./src/app/service/mock-data-service.service.ts
(13,30): error TS2304: Cannot find name 'res'.
Child html-webpack-plugin for "index.html":
    chunk    {0} index.html 512 kB
         + 3 hidden modules
webpack: bundle is now VALID.

and my contents in mock-data-service.service.ts are

import { Injectable } from '@angular/core';
import {Http, Response} from '@angular/http';
import 'rxjs/add/operator/map';

@Injectable()
export class MockDataService {

  constructor(private http: Http) {
  }

  getMockData() {
    return this.http.get('./src/database/mockdata.json')
    .map((res: Response)) => res.json());
  }

}

You can view the full picture here

How to prevent downloading node modules again and again?

I have started with angular2-quickstart and then came to this. One major issue is I have to download again and again when I switch from one working directory to other.

Text overflows behind the next item

If the length of a character name is long enough, the text will overflow behind the next item in the list. This behaviour can be seen in item 19, for example.

Cannot find name 'OnInit'.

npm install
npm start

and i get the error (on windows)
app/heroes/hero.component.ts(10,39): error TS2304: Cannot find name 'OnInit'.

What have i done wrong?

using
(node v4.3.1
npm v3.8.8)