如何讓孩子和父母成分的價值始終如一？

子組件中的submitted是否可以始終等於父組件中的submitted？由於如何讓孩子和父母成分的價值始終如一？

@Component({ 
    selector: 'child-cmp', 
    template: ` 
     child:{{submitted}} 
    ` 
}) 
class ChildCmp { 
    @Input('submitted') submitted: boolean; 

    ngOnInit() { 
     this.submitted = true; 
    } 
} 

@Component({ 
    selector: 'app', 
    template: ` 
    <child-cmp [submitted]="submitted"></child-cmp> 
    parent:{{submitted}} 
    `, 
    directives: [ChildCmp] 
}) 
class App { 
    submitted: boolean; 
} 
bootstrap(App);

來源

2016-03-06 Hongbo Miao

您已經接受了下面這就是罰款。但是你的代碼有什麼錯誤。你知道嗎？你的代碼也在工作，除了你忘記把'export'關鍵字放在我猜的事實上。 – micronyks

@micronyks感謝您的幫助。我的問題中的代碼不清楚是我的錯。我會更新我的問題來說清楚。看到這個：他們現在不是平等的：http://plnkr.co/edit/5WOc85NcAwlgI5VZBSkq?p=preview。 –

設置雙向模型綁定：

<child-cmp [(submitted)]="submitted"></child-cmp>

兒童比較：

@Component({ 
    selector: 'child-cmp', 
    template: ` 
     {{submitted}} <button (click)="onSubmit()">Submit</button> 
    ` 
}) 
class ChildCmp { 
    @Input('submitted') submitted: boolean; 
    @Output('submittedChange') submittedChange: EventEmitter<boolean> = new EventEmitter(); 

    onSubmit() { 
     this.submitted = true; 
     this.submittedChange.emit(this.submitted); 
    } 
}

來源

2016-03-06 05:26:42 pixelbits

謝謝你，pixelbits！ –

如何讓孩子和父母成分的價值始終如一？

回答

相關問題