Wie zu verwenden Unveränderlich JS mit typisierten ES6-Klassen?

Sagen, ich habe Klassen Task und TaskGroup

class Task{
     constructor(public text:string){}
}

class TaskGroup {
    constructor(public title:string = "new task group", public tasks:Task[] = []){}
}

Dann in meine Eckige 2-service-ich erstelle eine Unveränderliche Liste von TaskGroups

@Injectable()
class TaskService {
    taskGroups:Immutable.List<TaskGroup>;

    constructor() {
       this.taskGroups = Immutable.List<TaskGroup>([new TaskGroup("Coding tasks")]);
    }
}

Diese Weise nur taskGroups Liste unveränderlich ist. Was im Innern ist es nicht. Auch wenn ich Immutable.fromJS(...) statt Immutable.List<Board>(...) verschachtelte Objekte sind plain ol' Javascript-Objekte.

Unveränderlich JS nicht soll Klassenvererbung (Erben von Immutable-Objekt mit ES6 #562)

//can't do this!
class TaskGroup extends Immutable.Map<string, any>{
    constructor(public title:string = "new task group", public tasks:Task[]){}
}
//it complained about the class not having methods like set, delete etc

So, wie man erstellen Sie Immutable Objekte der Klasse?

  • Möchten Sie vielleicht einen Blick auf dieses link 😉
  • die Hülle ist ein schönes Konzept. Vielleicht sollten Sie es schreiben als eine Antwort und einen link zu dem Artikel.
  • getan, vielen Dank für Ihren Vorschlag ^_^
InformationsquelleAutor Frozen Crayon | 2016-01-12
  1. 9

    Können Sie dies so tun:

    const TodoRecord = Immutable.Record({
    id: 0,
    description: "",
    completed: false
});

class Todo extends TodoRecord {
    id:number;
    description:string;
    completed: boolean;

    constructor(props) {
        super(props);
    }
}

let todo:Todo = new Todo({id: 1, description: "I'm Type Safe!"});

    Nicht perfekt, aber funktioniert.

    Es kommt von diesem tollen blog-Beitrag:
    https://blog.angular-university.io/angular-2-application-architecture-building-flux-like-apps-using-redux-and-immutable-js-js/

    • Es ist keine Typprüfung der Argumente im Konstruktor. Übergeben Sie die string-id und es funktioniert!
    InformationsquelleAutor bertrandg
  2. 3

    Können Sie einen wrapper mit Unveränderlich, wie dies in diese tutorial:

    import { List, Map } from 'immutable';

export class TodoItem {
  _data: Map<string, any>;

  get text() {
    return <string> this._data.get('text');
  }

  setText(value: string) {
    return new TodoItem(this._data.set('text', value));
  }

  get completed() {
    return <boolean> this._data.get('completed');
  }

  setCompleted(value: boolean) {
    return new TodoItem(this._data.set('completed', value));
  }

  constructor(data: any = undefined) {
    data = data || { text: '', completed: false, uuid: uuid.v4() };
    this._data = Map<string, any>(data);
  }
}

    Hoffe, das wird helfen! 😉

    InformationsquelleAutor Kutyel
Schreibe einen Kommentar