首页 > 编程 > JavaScript > 正文

angular5 子组件监听父组件传入值的变化方法

2019-11-19 12:48:40
字体:
来源:转载
供稿:网友

项目中遇到一个问题,就是在ngInit()中调用方法,只调用一次的问题,当父组件传值变化时,并不会再次执行。

import {Component,Input,OnChanges,SimpleChanges} from '@angular/core';import {NavController} from 'ionic-angular'; @Component({selector: 'cs-img-lazy',templateUrl: 'cs-img-lazy.html'})export class CsImgLazyComponent implements OnChanges { @Input() default: string; @Input() src: string  constructor(public navCtrl: NavController) { } ngOnInit() {} ngOnChanges(changes: SimpleChanges) { console.log('ngOnChanges', this.src); this.loadImage(this.src, () => {  this.default = this.src; });} loadImage(url, callback) {var img = new Image();img.onload = () => {if (img.complete) {img.onload = nullcallback(img);return;}}img.src = url;}}

以上这篇angular5 子组件监听父组件传入值的变化方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表