打字稿及ThreeJS，添加到裏面的場景裝載機

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

因爲在負載回調中已經改變了。需要調用綁定或使用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); 
}));