import { Component, OnInit, Input } from '@angular/core'; @Component({ selector: 'app-order', templateUrl: './order.component.html', styleUrls: ['./order.component.css'] }) export class OrderComponent implements OnInit { @Input() orderName: string; @Input() count: number; constructor() { } ngOnInit() { setInterval(() => { this.orderName = 'bbb'; }, 3000); } }
<p>
买{{count}}手{{orderName}}产品
</p>
import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { orderName: string; count: number; }
<input [(ngModel)]='count'> <input [(ngModel)]='orderName'> <app-order [count]='count' [orderName]='orderName'></app-order>