Skip to content
This repository has been archived by the owner on Aug 29, 2020. It is now read-only.

mstone6769/lets-build-a-zoo

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 

lets-build-a-zoo

Tutorial on using the Angular CLI to build a Zoo App

See the output here: http://github.com/mstone6769/zoo

See the built out app: https://kind-meninsky-a31df8.netlify.com/

ng new zoo

cd zoo

Open Editor

Let's explore what it created

  • tslint.json
  • package.json
  • e2e tests
  • src
  • assets
  • app

npm start

styles.css

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  margin: 0;
  background-color: rgb(245, 231, 197);

}

ng g m core -m app.module.ts

ng g c core/header -it -m core/core.module.ts

ng g m home -m app.module.ts

ng g c home/home -it -is -m home/home.module.ts

ng g m shared -m app.module.ts

ng g c shared/page-header -it -is -m shared/shared.module.ts

<h1>
  <ng-content></ng-content>
</h1>

ng g m dogs

ng g c dogs -is -m dogs/dogs.module.ts

import { RouterModule, Routes } from '@angular/router';

ng g s dogs/dogs -m dogs/dogs.module.ts

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import { Observable } from 'rxjs/Observable';

import 'rxjs/add/operator/map';

@Injectable()
export class DogsService {

  constructor(private http: Http) { }

  getBreeds():Observable<String[]> {
    return this.http.get('https://dog.ceo/api/breeds/list')
      .map(response => response.json().message);
  }

}

in dogs.component

  <div *ngFor="let breed of breeds | async">
    {{breed | uppercase}}
  </div>

About

Tutorial on using the Angular CLI to build a Zoo App

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published