angular2 @Input() Uhr wechseln?

Question

export class Test { 
    a1: number; 
    name: string; 
} 


@Component({ 
    selector: '[t1-info]', 
    templateUrl: './t1component.html', 
}) 
export class T1InfoComponent implements OnInit { 
    @Input() test: Test; 
    constructor() { } 

    ngOnInit() { 

    } 

} 

<div t1-info [test]="test"></div> 
<button (click)='test.a1 = test.a1-1'>test</button> 

oder

http.get(....).subscribe(res=>{ 
    test.a1=1; 
}) 

, wie sehen test.a1 ändern? Ähnlich angular1 $ beobachten

Answer 1

Sie Ereignis auf alle Änderungen in dieser Komponente mit @output() und rufen jede Funktion abfeuern kann um auf diese Änderungen zu hören

export class Test { 
    a1: number; 
    name: string; 
} 


@Component({ 
    selector: '[t1-info]', 
    templateUrl: './t1component.html', 
}) 
export class T1InfoComponent implements OnInit { 
    @Input() test: Test; 
    @Output() changeEvent: new EventEmitter(); 
    constructor() { } 

    ngOnInit() { 

    } 

    changeEvent(){ 
    console.log(this.test, "Changes") 
    } 
} 

<div t1-info [test]="test"></div> 
<button (click)='test.a1 = test.a1-1'>test</button>