0

当 ember 试图从服务器加载数据时，我试图用 ember.js 实现 NProgress.js 一个进度条 jquery 库。我可以在 Ember 中使用 Jquery Post 成功地做到这一点，但是，当使用 Model.find() 加载数据时，我不知道如何使用 ember 数据来实现。

用户只需添加

NProgress.start();

在活动开始时和

NProgress.done();

活动结束时。

这是我与 Jquery Post 方法一起用于在页面中实现 NProgress.js 进度条的代码。

App.LoginController = Ember.Controller.extend({
reset: function(){
    this.setProperties({
        username: "",
        password: "",
        errorMessage: "",
        successMsg: ""
    });
},

login: function(){
    var self =this, data = this.getProperties('username', 'password');
    self.set('errorMessage', null);
    self.set('successMsg', null);
    Ember.$.post('login', data, function(){
        NProgress.start();
    }).then(function(response){
        NProgress.done();
        if(response.success){
            self.set('successMsg', "Successfully Logged In! :)");
            console.log(response.username);
            self.transitionToRoute('about');
        }else {
            self.set('errorMessage', response.message);
            console.log(response.message);
        }
    });

}
});

它工作正常，但我不知道如何使用 ember 数据使用它，所以我确实喜欢下面但进度条不能正常工作，它只是开始和结束，无论数据是否已加载。

App.AboutRoute = Ember.Route.extend({
model: function() {
    NProgress.start();
    var data;
    if(data = App.Profile.find()){
        NProgress.done();
    }
    return data;
}
});

App.ProfilesRoute = Ember.Route.extend({
model: function(params) {
    NProgress.start();
    var data;
    if(data = App.Profile.find(params.profiles_id)){
        NProgress.done();
    }
    return data;
}
});

我不知道如何实现它，所以我就这样做了。

4

1 回答 1

4

Ember 数据返回一个 Promise，您可以使用then如下方式附加代码以在 Promise 之后运行：

App.AboutRoute = Ember.Route.extend({
  model: function() {
    NProgress.start();
    var data = App.Profile.find();
    data.then(function(){
      NProgress.done();
    });
    return data;
  }
});
于 2013-10-20T15:31:09.267 回答