首页 / ANGULAR / angular note

angular note

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了angular note，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1269字，纯文字阅读大概需要2分钟。

内容图文

///

1,

父组件===> 子组件

 

子组件

@input 

get  {}

set  {}  的意义是希望子组件收到参数进行一些处理后，再展示；

2,子组件监听父组件值变化

// 子组件实现ngOnchanges实现监听父组件传值变化
  @Input() major: number;
  @Input() minor: number;
  changeLog: string[] = [];
  
 ngOnChanges(changes: SimpleChanges) {
    const log: string[] = [];
	//获取changes的方法
    for (const propName in changes) {
      const changedProp = changes[propName];
      const to = JSON.stringify(changedProp.currentValue);
	  //isFirstChange()第一次接受父组件传值
      if (changedProp.isFirstChange()) {
        log.push(`Initial value of ${propName} set to ${to}`);
      } else {
	  //changedProp.previousValue 获取变化前的值
        const from = JSON.stringify(changedProp.previousValue);
        log.push(`${propName} changed from ${from} to ${to}`);
      }
    }
    this.changeLog.push(log.join(‘, ‘));
  }

3,父组件获取子组件

//子组件, 关键字voted  this.voted.emit(agreed)
 @Output() voted = new EventEmitter<boolean>();
  didVote = false;

  vote(agreed: boolean) {
    this.voted.emit(agreed);
    this.didVote = true;
  }

4.父组件直接访问子组件方法

//下面是父组件代码,父组件中#timer指向子组件 start,stop 方法在子组件中实现
 <button (click)="timer.start()">Start</button>
  <button (click)="timer.stop()">Stop</button>
  <div class="seconds">{{timer.seconds}}</div>
  <app-countdown-timer #timer></app-countdown-timer>

 

原文：https://www.cnblogs.com/eiguleo/p/14824009.html

内容总结

以上是互联网集市为您收集整理的angular note全部内容，希望文章能够帮你解决angular note所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1311390.html

来源：【匿名】