javascript - Ember 使用 ajax 动态加载模板

Question

我想根据需要使用以下代码从另一个 html 文件加载 html:

App.MainView = Ember.View.extend({
  template:function(){
    $.ajax({
       url: 'views/main.html',
       dataType: 'text',
       async: false,
       success: function (res) {
         returnnow(res);
       }
    });
    function returnnow(res){
      return Ember.Handlebars.compile(res);
    }
  }
});

但是它什么也没返回..可能是发给ajax的异步字符。

我不能只用 Ajax 包装 View ，因为我首先想在调用 View 时加载它。

有什么想法如何执行此操作吗？

Answer 1

您什么也得不到，因为您的模板函数没有返回任何内容。您需要像这样更改代码:

App.MainView = Ember.View.extend({
    template: function(){
       var result;
       $.ajax({
            url: 'views/main.html',
            success: function(data) {
                result = Ember.Handlebars.compile(data);
            }
       });
       return result;
    }
});