Typescript 和 ThreeJS，添加到 loader 里面的场景

Question

我有以下代码：

export class LandingPageComponent implements OnInit {
scene: THREE.Scene;
(...)
 ngOnInit() { 
(...)
this.scene = new THREE.Scene();
(...)
var loader = new THREE.JSONLoader();
loader.load("../../assets/fire_lion.json",function ( obj ) {
    this.scene.add( obj ); // The line that's giving me trouble
});

场景已定义且正在运行，但是当我尝试运行此代码时，我收到一个错误，提示未声明场景。这是有道理的，因为“this”不再引用该类，但是我怎样才能将对象添加到场景中呢？

提前致谢！

PS：使用 ObjectLoader 只会给我一条错误消息，说我应该使用 JSONLoader。

Answer 1

因为加载回调中的 this 已更改。需要调用 bind 或使用转换为 bind 调用的 TypeScript 语法。

loader.load("../../assets/fire_lion.json",function ( obj ) {
    this.scene.add( obj );
}.bind(this)); // bind here

或

loader.load("../../assets/fire_lion.json", ( obj ) => {
    this.scene.add( obj );
}));