RxDom：创建新 id 时不工作

Question

我正在使用Reactive Extension DOM 来监听来自 DOM 的事件。这是我的示例代码：

var input = document.getElementById('test_id');
var source = Rx.DOM.change(input);
var subscription = source.subscribe(
        function (x) {
          console.log(x);
        },
        function (err) {
          console.log('Error: ' + err);
        },
        function () {
          console.log('Completed');
        });

当document.ready 完成时，当test_id 在页面上时，此代码有效。但是我正在使用 AJAX 请求，所以 test_id 只是在客户端发送和接收 ajax 请求的时间之后出现。如何让 RxDom 通知这一点。

谢谢。

Answer 1

你需要再次创建 Observable。

当您调用 document.getElementById('test_id'); 并且 ID 为 test_id 的元素不存在时，它返回 null。因此无法“刷新”source Observable，因为它甚至不知道应该“刷新”哪个 DOM 元素。

因此，唯一的方法是在从 Ajax 调用中附加 HTML 之后创建 Observable。