<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>
1
duxiaodong121 OP 根本看不懂 V2EX 怎么排序的
|
2
WhoMercy 2016-09-01 18:51:30 +08:00 via Android
Angular2 貌似看不懂了( ̄∀ ̄)……
|
3
crysislinux 2016-09-01 19:39:18 +08:00
你应该让外部来改变 show 的值,而不是在内部改。
|
4
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() |
5
xjp 2016-09-01 21:01:26 +08:00
|
6
duxiaodong121 OP @xjp 不是,我发的代码能工作,只是样子不好看,想写成 `[(show)]="isShow"` 的,简单的这样写是实现不了的
|