TypeScript接口学习心得之一

Posted 2021-03-16 kukai

 

import { Component, OnInit } from ‘@angular/core‘;

import { ActivatedRoute } from ‘@angular/router‘;

import { MyObj } from ‘src/app/pojo/myObj‘;

@Component({

  selector: ‘app-work‘,

  templateUrl: ‘./work.component.html‘,

  styleUrls: [‘./work.component.css‘]

})

export class WorkComponent implements OnInit {

  constructor(private route: ActivatedRoute) { }

  

  //我们传入的对象参数实际上包含了很多属性，

  //但是类型检查器不会去检查属性的顺序

  //只会检查那些必需的属性是否存在

  public my={ size:10,label:"hello world",name:‘zhangsan‘}; //属性顺序跟接口定义的顺序不一致

  ngOnInit() {

    this.pritntLable(this.my);

  }

  pritntLable(obj: MyObj){

    console.log(obj.label);

  }

}