MEAN Stack
  • MEAN Stack
  • Getting Started
    • Course Requirements
  • Setup Local Development Environment
    • Git and Gitbash Installation
    • VSCode Installation
    • Node Installation
    • VS Code Live Share
  • Web and Javascript Fundamentals
    • Day One - Intro
    • WK1: Web Fundamentals
      • Let's Git it!
      • HTML, CSS, JS
      • Reading Code & Fixing Errors
        • Challenge 1 - Reading Code & Fixing Errors
        • Challenge: Reading Code and Fixing Errors
      • Homework WK1
    • WK2: JS Versions
      • ES6 and beyond
      • TypeScript
      • Palindrome Challenge
      • Problem Solving
      • Homework WK2
  • Angular
    • WK3: Angular
      • Intro to Angular
        • Angular CLI Install
        • Angular Architecture
          • App Module
          • Modules Explained
          • App Component
          • Angular Files
          • Recap
      • Components & Data Binding
        • Component Boiler Plate
        • Creating a Component
        • Using A Component
        • Component's and CSS Styling
        • Data Binding Challenge
        • User Input with - [(ngModel)]
        • Login Page Challenge
      • Routing
        • Creating A Routing Module
        • Adding Routes
        • Router Outlet Setup
        • Using the Router
        • Routing Challenges
      • Homework WK3
    • WK4: Angular Midterm Project
      • Structural Directives
      • Error Debugging in Angular
        • Tour of Errors Challenge
        • Angular Errors Challenge
      • Intro to Services
      • Midterm Project: Bank Application
    • WK5: Data Flow
      • Intro to API
      • HTTP Requests to API
      • Higher-Order Functions
      • YouTube API
      • Homework WK5
    • Angular Cheat Sheet
  • Backend - Loopback & Mongo
    • WK6: Intro to Backend
      • Announce Final Project
      • Intro to RESTful API
      • Install Loopback
      • Create a MongoDB
      • Connect Loopback to MongoDB
      • Introduce API Explorer
      • Create User Models
    • WK7: Backend Auth & Database Setup
      • Register
      • Login
      • Setup Token Authentication
      • Create Persisted Models
      • Access Control Settings
    • WK8: Final Project Relations
      • Relations
  • Deployment
    • Big Picture
    • Deploying Loopback
      • Learn Environment Variables
      • Using Environment Variables in Loopback
      • Production Environment
      • Deploy to Heroku
        • Create a Heroku App
    • Deploy an Angular App
      • Deploying an Angular App to Netlify
Powered by GitBook
On this page
  • Slides:
  • Working Stackblitz Example
  1. Angular
  2. WK4: Angular Midterm Project

Intro to Services

Learn how you can use a service to pass data between components.

PreviousAngular Errors ChallengeNextMidterm Project: Bank Application

Last updated 5 years ago

Slides:

Working Stackblitz Example

https://stackblitz.com/edit/angular-service-example-sff