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>