goughjo02

// Here is a Person type
type Person {
  name: string;
  age: number;
}
// This function accepts a Person object and returns their name (a string)
function getName(person: Person): string {
  return person.name;
}
// This function takes an arguement array of people and returns their combined age (a number)

goughjo02

import { SelectionModel } from "@angular/cdk/collections";

@Component(...metaData)
export class SelectionExample {
  peopleSelection = new SelectionModel<Person>(true /* multiple */);

  select(person: Person): void {
    this.peopleSelection.select(person);
    return;
  }

goughjo02

@Injectable()
export class MyInjectableService {}

// Define the Module
// Inject the service
import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";

@NgModule({
  imports: [BrowserModule],

goughjo02

// Module file
// Injecting the service

import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";

@NgModule({
  imports: [BrowserModule],
  declarations: [AppComponent],
  // See here

goughjo02

// Component file
// Where the service is injected

import { SelectionModel } from "@angular/cdk/collections";

@Component(...metaData)
export class AppComponent implements OnInit {
  constructor(peopleSelection: PeopleSelectionService) {}
  ngOnInit(): void {
    console.log(

goughjo02

@Injectable({
  providedIn: "root"
})
export class SingletonRootService {}

goughjo02

import { SelectionModel } from "@angular/cdk/collections";

@Component(...metaData)
export class AppComponent implements OnInit {
  constructor(peopleSelection: PeopleSelectionService) {}
  ngOnInit(): void {
    this.peopleSelection.selection.changed.subscribe(e => {
      console.log(`I have received a value ${e}`);
    });
  }

goughjo02

import(pathtofile).then(e => {
  console.log("module loaded!");
});

goughjo02

import React from "react";

export default class LazilyLoadedCustomFeature extends Component {
  state = {
    content: null
  };
  componentDidMount() {
    import(pathtofile).then(e => {
      this.setState({ content: e });
    });

goughjo02

import CustomFeature from “path-to-file”;