Question

在Ember.js中，我知道我可以使用Ember.ArrayController访问特定的数据集like the example from the ember website：

MyApp.listController = Ember.ArrayController.create();

$.get('people.json', function(data) {
  MyApp.listController.set('model', data);
});

并在这样的把手中访问它：

{{#each person in MyApp.listController}}
  {{person.firstName}} {{person.lastName}}
{{/each}}

虽然，我想要做的是在javascript中访问它？更具体地说，在Discourse中，为用户获取徽章。 user-badges.js.es6控制器：

export default Ember.ArrayController.extend({
  sortProperties: ['badge.badge_type.sort_order', 'badge.name'],
  orderBy: function(ub1, ub2){
    var sr1 = ub1.get('badge.badge_type.sort_order');
    var sr2 = ub2.get('badge.badge_type.sort_order');


    if(sr1 > sr2) {
      return -1;
    }

    if(sr2 > sr1) {
      return 1;
    }

    return ub1.get('badge.name') < ub2.get('badge.name') ? -1 : 1;
  }
});

如何获取用户的徽章列表？调用Discourse.UsersBadges ArrayController似乎不起作用。

   import UserBadges from 'discourse/controllers/user-badges';
   for(var badge in UserBadges){
      console.log(badge);
   }

我不确定我是否遇到了解EmberJS如何工作或者Discourse如何设计工作的问题。

Answer 1

我发现我正在以错误的方式解决问题，我应该使用承诺来获得这样的用户徽章：

Discourse.UserBadge.findByUsername(Discourse.User.current().username).then(function(result) {
      result.forEach(function(entry) {
          console.log(entry.badge.name);
      }
   );
});

虽然，现在我遇到了一个新问题，我需要在加载视图之前加载此信息。承诺以异步方式进行，不会及时加载数据。

通过从车把模板外部的javascript访问Ember.ArrayController获取Discourse中的徽章列表

1 个答案: