Angular2 Component @Input двусторонняя привязка

Question

У меня есть приложение с угловым приводом. У меня есть компонент переключения, который я передаю в переключение. Моя проблема в том, что двухсторонняя привязка данных не работает, если я не перехожу в toggle boolean как объект. Есть ли способ заставить это работать без использования EventEmitter или передачи переменной в качестве объекта. Это должно быть повторно используемым компонентом, и приложение сильно управляется данными, поэтому передача значения в качестве объекта не является вариантом. Мой код ....

toggle.html

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

toggle.component.ts

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

Для [(toggled)]="..." работать вам необходимо

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

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

Смотрите также Two-way binding