我正在使用Angular 2 beta(TypeScript).我遇到了一个奇怪的问题.我试过Chrome,Firefox,Opera,都是一样的结果.
当我点击“切换”按钮,它可以成功显示/隐藏文本“Hello World！”.
当我使用套接字从另一个浏览器发送命令时,布尔值“show”会成功改变背景,但是文本不会显示/隐藏,看起来页面不会刷新.
import {Component,View} from 'angular2/core';
import {bootstrap} from 'angular2/bootstrap';
import {NgIf} from 'angular2/common';
@Component({
selector: 'app'
})
@View({
directives: [NgIf],template: `
<button (click)="clicked()">Toggle</button>
<div>
<div *ngIf="show">
<h2>Hello World!</h2>
</div>
</div>
`
})
class App {
show: boolean = true;
constructor() {
Socket.on {
If (getMessage) {
this.show = !this.show;
}
}
}
clicked() {
this.show = !this.show;
}
}
bootstrap(App);
我认为这是一个与Zone有关的问题.后者负责通知Angular它需要处理更新.
原文链接：https://www.f2er.com/angularjs/142661.html这个问题可以给你一些提示：View is not updated on change in Angular2.
你可以尝试这样的事情：
export class App {
constructor(ngZone:NgZone) {
this.ngZone = ngZone;
Socket.on {
this.ngZone.run(() =>
If (getMessage) {
this.show = !this.show;
}
});
}
}
}
这个问题也可能与你的问题有关：Angular2 child property change not firing update on bound property.
希望它能帮助你,蒂埃里
