带反向的HTMLBars助手

时间:2015-03-03 03:36:36

标签: ember.js htmlbars

我试图建立一个带有其他阻止的助手。

我只能找到车把的例子。它们显示options.inverse是一个函数,但对于我的HTMLBars帮助器,options.inverse是一个对象。 (例如不可赎回)

模板代码:

  {{#can 'audit' 'user' }}
    AUDIT_LINK_PLACEHOLDER
  {{else}}
    NO_AUDIT_LINK
  {{/can}}

帮助代码:

Ember.Handlebars.registerHelper("can", function(verb, noun, options) {
  var abilities =  this.container.lookup('controller:application').currentAbilities;
  var sub_ability = abilities[noun] || {};
  var fn = (sub_ability[verb] || sub_ability['manage']) ? options.fn : options.inverse;
  return fn(this);
});

1 个答案:

答案 0 :(得分:2)

通常,您会将用户注入所有控制器,并且用户将拥有属性canAudit:

App.User = DS.Model.extend({
  canAudit: DS.attr('boolean')
});

你的模板看起来像这样:

{{#if user.canAudit}}
  [ ... ]
{{else}}
  [ ... ]
{{/if}}

执行此操作的最基本方法是,如果您不想处理注入,并且已经在应用程序控制器上安装了用户实例,则执行此操作:

App.YourController = Ember.Controller.extend({
  needs: ['application'],
  user: Ember.computed.alias('controllers.application.user')
});

设置完成后,可以在控制器内访问用户。

您可以在此处找到所需的一切,具体取决于您想要解决的问题:

http://emberjs.com/api/classes/Ember.Controller.html#property_needs http://emberjs.com/api/#method_computed_alias

http://emberjs.com/guides/understanding-ember/dependency-injection-and-service-lookup/