集合更改更新模板选择元素上的 meteor

Question

我正在使用bootstrap-select帮助使选择的元素在我的 Meteor 应用程序中看起来更好。

但是，我遇到了一个问题，即在向 Meteor Collection 提交更改后， react 性会将更改推回模板，从而重写选择元素并销毁原始选择元素，这也会带走 bootstrap-select 的东西。

我想知道是否有办法以某种方式防止这种情况发生。 我尝试听取更改并在更新时调用 selectpicker 但它不起作用。

Applications.find().observe({
changed: function() {
    console.log('something changed');
            $('.selectpicker').selectpicker();
}
});

我什至试图推迟一点，但也无济于事。

Applications.find().observe({
changed: function() {
    console.log('something changed');
    setTimeout(function(){
        $('.selectpicker').selectpicker();
        console.log('trying to update select picker');
    }, 1000);
}
});

有人以前遇到过这个问题并且知道如何解决吗？

编辑:这是模板代码

<div class="form-group">
    <label for="college" class="control-label">College/ University</label>
    <select class="selectpicker" name="college" placeholder="Select a College/ University">
        {{#each colleges}}
            <option value="{{slug}}">{{name}}</option>
        {{/each}}
    </select>
</div>

Answer 1

在您的 HTML 模板中，如果您用 the constant block helper 包围您的选择元素，常量 block 内的部分不会被重新渲染。也许这会是一个解决方案？