使用Ember-App-Kit扩展EmberDefaultResolver

时间:2014-03-25 05:21:45

标签: ember.js ember-app-kit

我正在制作基于pattern below from Robin Ward [视频/ 15秒]的自定义解析器 这是让移动设备在加载“template.hbs”之前首先查找“mob_template.hbs”的技巧

App.Resolver = EmberDefaultResolver.extend({
  resolveTemplate: function(parsedName){
    var t = this._super(parsedName);
    if App.mobileActive){
        return this._super('mob_' + parsedName) || t;
    }
    return t;
  }
});

但是我使用Ember App Kit,它使用resolver的特殊版本:

我无法确切地知道那里发生了什么,或者我需要做些什么才能产生类似的功能。有人有任何想法吗?

我尝试过这样的事情,但结果却没有得到解决:

var App = Ember.Application.extend({
  //...
  Resolver: Ember.DefaultResolver.extend({
          resolve: function(fullName) {
            var parsedName = this.parseName(fullName),
                resolveMethodName = parsedName.resolveMethodName;

            if (!(parsedName.name && parsedName.type)) {
              throw new TypeError("Invalid fullName: `" + fullName + "`, must be of the form `type:name` ");
            }
            if (this[resolveMethodName]) {
              if (window.screen_type == 'mobile'){
                var resolved = this[resolveMethodName](parsedName + '_mobile');
              } else{
                var resolved = this[resolveMethodName](parsedName);
              }
              if (resolved) { return resolved; }
            }
            return this.resolveOther(parsedName);
          },
  })
});

1 个答案:

答案 0 :(得分:1)

显然,parsedName不是EAK解析器中模板名称的字符串,它有一些代表模板名称的道具,但是,parsedName.fullNameWithoutType是要定位的那个:

var CustomResolver = Resolver.extend({
    resolveTemplate: function(parsedName){
      var resolve = this._super(parsedName);
      if (['foo','bar'].indexOf(window.special_prop) > -1){
        var orig__parsedName_name = parsedName.name;
        parsedName.name = parsedName.name + '_' + window.special_prop;
        parsedName.fullName = parsedName.fullName + '_' + window.special_prop;
        parsedName.fullNameWithoutType = parsedName.fullNameWithoutType + '_' + window.special_prop;
        resolve = this._super(parsedName) || resolve;
      }
      return resolve;
    } });


var App = Ember.Application.extend({   //...   Resolver: CustomResolver });