📄 tanstack/store/latest/docs/framework/angular/examples/simple

===============================================================================================================================================================================================================================================================================================================================================================================================================================

Code ExplorerCode

Interactive SandboxSandbox

src
- app
  - app.component.ts
  - display.component.ts
  - increment.component.ts
  - store.ts
- favicon.ico
- index.html
- main.ts
.editorconfig
.gitignore
README.md
angular.json
package.json
tsconfig.app.json
tsconfig.json
tsconfig.spec.json

import { Component } from '@angular/core'
import { DisplayComponent } from './display.component'
import { IncrementComponent } from './increment.component'

@Component({
  selector: 'app-root',
  imports: [DisplayComponent, IncrementComponent],
  template: `
    <h1>How many of your friends like cats or dogs?</h1>
    <p>
      Press one of the buttons to add a counter of how many of your friends like
      cats or dogs
    </p>
    <app-increment animal="dogs" />
    <app-display animal="dogs" />
    <app-increment animal="cats" />
    <app-display animal="cats" />
  `,
})
export class AppComponent {}


import { Component } from '@angular/core'
import { DisplayComponent } from './display.component'
import { IncrementComponent } from './increment.component'

@Component({
  selector: 'app-root',
  imports: [DisplayComponent, IncrementComponent],
  template: `
    <h1>How many of your friends like cats or dogs?</h1>
    <p>
      Press one of the buttons to add a counter of how many of your friends like
      cats or dogs
    </p>
    <app-increment animal="dogs" />
    <app-display animal="dogs" />
    <app-increment animal="cats" />
    <app-display animal="cats" />
  `,
})
export class AppComponent {}

Functions / injectStore

Partners Become a Partner

scarf analytics