javascript - Ractive.js 中的异步数据加载

Question

我喜欢在渲染 ractive 模板时引入一些远程数据。由于请求的异步性质，没有数据进入输出。我怎样才能做到这一点？

 var ractive = new Ractive({
    debug: true,
        el: 'container',
        template: '#template',
        data: 
        {   
            chapters:chapters,
                    load_text: function(path)
                    {
                         $.get(path, function( text ) {                            
                             return text;
                          });
                    }                    
        }
 });

Answer 1

我想到了几个解决方案；

创建 Ractive 对象，发出请求，然后在有数据时在 ractive 对象上调用“set”。

var ractive = new Ractive({
    debug: true,
    el: 'container',
    template: '#template',
    data: {
        chapters: chapters,
        load_text: ''
    }
});

$.get(path, function( text ) {
    ractive.set('load_text', text);
});

或者，不建议这样做，您可以使您的请求变为同步。

var ractive = new Ractive({
    debug: true,
    el: 'container',
    template: '#template',
    data: {
        chapters: chapters,
        load_text: function(path) {
            $.ajax({
                url: path,
                success : function (text) {
                    return text;
                },
                async : false
            });
        }
    }
});