Angular2 Bileşen @ Giriş iki yönlü ciltleme

Question

Verimli bir Açısal uygulamasına sahibim. Geçiş durumunda geçtiğim bir geçiş bileşenim var. Sorun şu ki, iki yönlü veri bağlama, bir nesne olarak geçiş boolean'ını geçmedikçe işe yaramaz. Bunu bir EventEmitter kullanmadan veya değişkeni nesnesine geçirmeden çalışmak için bir yolu var mı. Bu, yeniden kullanılabilir bir bileşen olmaktır ve uygulama, ağır bir veri ile yürütülür, böylece değeri bir nesne olarak değil, bir seçenek olarak iletir. Kodum

toggle.html

<input type="checkbox" [(ngModel)]="toggled" [id]="toggleId" name="check"/> 

toggle.component.ts [(toggled)]="..." sizi çalışması için

import { Component, Input, EventEmitter, Output } from '@angular/core'; 

@Component({ 
    moduleId: module.id, 
    selector: 'toggle-switch', 
    templateUrl: 'toggle-switch.component.html', 
    styleUrls: ['toggle-switch.component.css'] 
}) 

export class ToggleSwitchComponent { 

    @Input() toggleId: string; 
    @Input() toggled: boolean; 

} 

parent.component.html

<toggle-switch toggleId="toggle-1" [(toggled)]="nongenericObject.toggled"></toggle-switch> 

Answer 1

.... olduğunu

@Input() toggled: boolean; 
    @Output() toggledChange: EventEmitter<boolean> = new EventEmitter<boolean>(); 

    changeValue() { 
    this.toggled = !toggled; 
    this.toggledChange.emit(this.toggled); 
    } 

Ayrıca bkz Two-way binding