Ember：根据模型值更改更新UI

Question

我有一个基于异步调用更新的模型。由于某种原因，UI不会更新。你能指出我为什么会这样吗？代码如下。我已经验证了如果我没有异步调用，代码可以正常工作。我正在使用ember 2.0。谢谢你的帮助。

App.GroupsRoute = Em.Route.extend({
  model: function() {
        var groupsData = [];
         Promise.resolve(Ember.$.ajax({
              type: 'POST',
              url: '/someservice.json',
              contentType: 'application/json',
              data: JSON.stringify({
                allFor: 'group',
                query: ''
              })
            })).then(function(data) {
                groupsData = data.items;
                return groupsData;
            }.bind(this)).catch(function(error) {
              console.log('Error retrieving devices data ' + error);
            });
        return groupsData;    
  }
});