Angular2 双向绑定的问题

[duxiaodong121]

<x-test [show]="isShow" (show)="isShow=$event"></x-test>

@Component({
	selector: 'x-text'
})
class XText {
	@Input('show') show: boolean = false
	@Output('show') showChange: EventEmitter<boolean> = new EventEmitter()
	
	hide() {
		this.show = false
		this.showChange.emit(this.show)
	}
}

请问上面代码要怎么改动， html 才可以写成 <x-test [(show)]="isShow"></x-test>

[duxiaodong121]

根本看不懂 V2EX 怎么排序的

[WhoMercy]

Angular2 貌似看不懂了(￣∀￣)……

[crysislinux]

你应该让外部来改变 show 的值，而不是在内部改。

[xjp]

改两个地方
1. <x-test [show]="isShow" (showChange)="isShow=$event"></x-test>
2. @Output() showChange: EventEmitter<boolean> = new EventEmitter()

[xjp]

属性 xx 必须对应 xxChange

https://angular.io/docs/ts/latest/guide/forms.html#inside-ngmodel-

[duxiaodong121]

@xjp 不是，我发的代码能工作，只是样子不好看，想写成 `[(show)]="isShow"` 的，简单的这样写是实现不了的