Knockout.js 订阅可观察数组中的可观察元素

Question

js My Course 在更改时不订阅可观察数组。控制台日志不显示。我不知道如何解决它。有什么想法吗？

class Course {
  constructor(data) {
    this.id = ko.observable(data.id);
    this.name = ko.observable(data.name);
    this.lecturer = ko.observable(data.lecturer);
    this.name.subscribe(function(newName) {
      console.log(newName);
    });
    this.lecturer.subscribe(function(newLecturer) {
      console.log(newLecturer);
    });
  }
}

function ProtoModel() {
  var self = this;
  self.courses = ko.observableArray([]);
  self.addCourse = function() {
    const newCourse = new Course({
      name: this.newCourseNameText(),
      lecturer: this.newCourseLecturerText()
    });
    self.courses.push(ko.mapping.toJS(newCourse));
    self.newCourseNameText("");
    self.newCourseLecturerText("");
  };
}

var model = new ProtoModel();

ko.applyBindings(model);

Answer 1

在 Course 构造函数中，您创建全新的 observable，然后仅将旧 observable 的值分配给它。你订阅了这个新的 observable。

然后，在创建之后，您会尝试更改“旧”可观察对象，如果您订阅了它的更改 - 您将看到它们。但是，在 newCourse 中创建的 observables 保持不变。

尝试替换

self.newCourseNameText("");
self.newCourseLecturerText("");

与

self.newCourse.name("");
self.newCourse.lecturer("");