Angular2 双向绑定的问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3002 天前的主题，其中的信息可能已经有所发展或是发生改变。

<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>

6 条回复 • 2017-01-05 16:23:29 +08:00

duxiaodong121

2016-09-01 18:39:06 +08:00

根本看不懂 V2EX 怎么排序的

WhoMercy

2016-09-01 18:51:30 +08:00 via Android

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

crysislinux

2016-09-01 19:39:18 +08:00

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

xjp

2016-09-01 20:54:36 +08:00

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

xjp

2016-09-01 21:01:26 +08:00

属性 xx 必须对应 xxChange

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

duxiaodong121

2017-01-05 16:23:29 +08:00

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