[Bug?/Feature] Missing loader objects about angular-three HOT 5 CLOSED

  constructor(
    private loader: NgtLoader,
  ) {
    this.loader.use(TextureLoader, 'assets/uv_grid_opengl.jpg').subscribe(next => {
      this.texture = next;
    });
  }

  constructor(private loader: NgtLoader) { }
  @Input() set url(newvalue: string) {
    const s = this.loader.use(FBXLoader, newvalue).subscribe(next => {
      const mesh = <Mesh>next.children[0];
      this.mesh = mesh;
    },
      () => { },
      () => { s.unsubscribe(); }
    );
  }

  constructor(private loader: NgtLoader) { }
  @Input() set url(newvalue: string) {
    const geometry = this.loader.use(OBJLoader, newvalue);
    const material = this.loader.use(MTLLoader, newvalue.replace('.obj', '.mtl'));

    const s = forkJoin([geometry, material]).subscribe(next => {
      next[1].preload()
      const materials: Array<Material> = [];
      for (let key in next[1].materials) {
        materials.push(next[1].materials[key]);
      }
      this.mesh = <Mesh>next[0].children[0];
      this.mesh.material = materials[0];
      this.loaded.emit(this.mesh);
    },
      () => { },
      () => { s.unsubscribe(); }
    );
  }

Hope this helps

import { NgtLoader, NgtVector3 } from '@angular-three/core';
import { Component, Input } from '@angular/core';
import { Mesh, MeshBasicMaterialParameters } from 'three';
import { AMFLoader, ThreeMFLoader, STLLoader } from 'three-stdlib';
import * as THREE from 'three';

@Component({
...
@Input() set url(newvalue: string) {
    const re = /(?:\.([^.]+))?$/;
    const ext = re.exec(newvalue);
    if (ext?.length) {
      switch (ext[1]) {
        case '3mf':
          let tmf = this.loader.use(ThreeMFLoader, newvalue).subscribe(next => {
            let mesh = next.children[0];
            while (!mesh.hasOwnProperty("geometry")) {
              mesh = mesh.children[0];
            }
            this.stdmesh = <Mesh>mesh;
          }, () => { }, () => { tmf.unsubscribe() });
          break;

        case 'amf':
          let amf = this.loader.use(AMFLoader, newvalue).subscribe(next => {
            let mesh = next.children[0];
            while (!mesh.hasOwnProperty("geometry")) {
              mesh = mesh.children[0];
            }
            this.stdmesh = <Mesh>mesh;
          }, () => { }, () => { amf.unsubscribe() });
          break;

        case 'stl':
          let stl = this.loader.use(STLLoader, newvalue).subscribe(geometry => {
            let mesh = geometry;
            this.stdmesh = new THREE.Mesh(mesh);
          }, () => { }, () => { stl.unsubscribe() });
          break;

        default:
          break;
      }
    }
  }
...
}