// component.ts @Component({ templateUrl: 'component.html', selector: 'app-component', }) export class Component { name = 'Peter'; updateName() { this.name = 'John'; } }
// component.ts @Component({ templateUrl: 'component.html', selector: 'app-component', }) export class Component { name = 'Peter'; updateName() { this.name = 'John'; } } // component.html <p>My name is {{name}}</p> <button (click)="updateName()">Update button</button>
import { Component } from "@angular/core"; @Component({ selector: 'app-example', template: ` <div> <input [value]='myText'></span> </div> ` }) export class AppComponent { myText: string = "Hello World"; }
// component.html <p>My name is {{name}}</p> <button (click)="updateName()">Update button</button>