欢迎进入广州凡科互联网科技有限公司网站
全国服务热线
4000-399-000
游戏小程序开发_angular5 子组件监听父组件传入值
时间: 2021-01-08 12:12 浏览次数:
angular5 子部件监视父部件传到值的转变方式 今日网编就为大伙儿共享一篇angular5 子部件监视父部件传到值的转变方式,具备非常好的参照使用价值,期待对大伙儿有一定的协助。
angular5 子组件监听父组件传入值的变化方法       今天小编就为大家分享一篇angular5 子组件监听父组件传入值的变化方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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

import {
Component,
Input,
OnChanges,
SimpleChanges
} from '@angular/core';
import {
NavController
} from 'ionic-angular';
@Component({
selector: 'cs-img-lazy',
'
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 (plete) {
img.onload = null
callback(img);
return;
img.src = url;

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


下一篇:没有了


Copyright © 广州凡科互联网科技有限公司 版权所有 粤ICP备10235580号
全国服务电话:4000-399-000   传真:021-45545458
公司地址:广州市海珠区工业大道北67号凤凰创意园