本文共 2521 字,大约阅读时间需要 8 分钟。
? Angular ????????????????????????????????????
??????????????????????????????????????????????????????
??? HTML:
??? 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 ?????????????????????
??????????????????????????????
??? 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 }
? 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/