typescript
import { Component } from '@angular/core';
@Component({
selector: 'app-user',
templateUrl: 'user.component.html',
styleUrls: ['user.component.css']
})
export class UserComponent {
users: string[] = ['John', 'Jane', 'Tom'];
addUser(name: string) {
this.users.push(name);
}
}
html
<ul>
<li *ngFor="let user of users">{{ user }}</li>
</ul>
<input type="text" [(ngModel)]="newUser">
typescript
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { UserComponent } from './user/user.component';
@NgModule({
declarations: [
AppComponent,
UserComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
