本文共 2521 字，大约阅读时间需要 8 分钟。

? Angular ????????????????????????????????????

???????????????

??????????????????????????????????????????????????????

??? HTML:

  {  {item.name}}----{  {i+1}}--{  {item.id}}  
    

??? TypeScript:

dataSet = [  { id: 0, name: "??" },  { id: 1, name: "??" },  { id: 2, name: "??" }];bar(event: any) {  console.log(event);}

??? HTML:

??? TypeScript:

@Input() names: any = {};@Output() foo = new EventEmitter
   
    ();todo(event: any) {  this.foo.emit('??');}
   

????? emit ??????????????????????????????

???????????????

? Angular ???????????????????????

??? HTML:

??? TypeScript:

dataSet = [  { id: 0, name: "??" },  { id: 1, name: "??" }];

??? TypeScript:

@Input() names: any = {};childFn() {  console.log("???????");}

?? #father ?????????????????????

???? @ViewChild ???????

??????????????????????????????

??? TypeScript:

@ViewChild(ChildComponent) child: ChildComponent;father() {  this.child.childFn();}

??? HTML:

?????????

????????????????????????

??? TypeScript:

private com1ToCom2: any;appFn(event: any) {  console.log(event);  this.com1ToCom2 = event;}

???? HTML:

??? TypeScript:

@Input() com2: string = "";

???????????

????? Angular ?????????????????????

??? TypeScript:

import { Component, OnInit } from '@angular/core';@Component({  selector: 'app-father1',  templateUrl: './father1.component.html',  styleUrls: ['./father1.component.css']})export class Father1Component implements OnInit {  public name: string = "????????";  public dataSet: any[] = [    { id: "0", name: "??" },    { id: "1", name: "??" },    { id: "2", name: "??" }  ];  constructor() {}  ngOnInit() {}}

??? TypeScript:

import { Component, OnInit } from '@angular/core';import { Father1Component } from "app/father1/father1.component";@Component({  selector: 'app-child1',  templateUrl: './child1.component.html',  styleUrls: ['./child1.component.css']})export class Child1Component implements OnInit {  constructor(private father1: Father1Component) {}  ngOnInit() {}}

??? HTML:

{ father1.name }
   
  
    
{ item.name }
   

??????

? Angular ?????????????????????? set ??????????

??? HTML:

??? TypeScript:

import { Component, OnInit } from '@angular/core';@Component({  selector: 'app-comdemo01',  templateUrl: './comdemo01.component.html'})export class Comdemo01Component implements OnInit {  _input: string;  @Input() public set input(v: string) {    this._input = v.toUpperCase();    console.log(v);  }  public get input(): string {    return this._input;  }  constructor() {}  ngOnInit() {}}

??? HTML:

I am fron { input }

转载地址：http://vpvf.baihongyu.com/