angular 输入属性

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>

 

转载于:https://www.cnblogs.com/chenyishi/p/8930664.html