Handlebars #if中是否可以使用功能？ [英] Is it possible to use function in Handlebars #if?

问题描述

我有一个控制器对象，如：

I have a controller object that's like:

MyApp.objController = Ember.ArrayController.create({
  init: function(data) {
    data.isValid = function() {
      return (data.validity === "valid");
    }
    this.pushObject(MyApp.MyObj.create(data));
  }
});

我的看法如下：

{{#each MyApp.objController}}
  {{#if isValid}}
   <some markup>
   {{else}}
   <some other markup>
  {{/if}}
{{/each}}

假设在Handlebars中条件的接受值和函数，但这似乎不是这样。实际上可能的，我只是做错了？

I was assuming that the if conditional in Handlebars accepts both values and functions, but this doesn't seem to be the case. Is it actually possible, and I'm just doing it wrong?

推荐答案

如果你定义你的 isValid 作为属性，您可以在中使用它，如果语句，而不创建自定义Handlebars帮助者，请参阅 http://jsfiddle.net/pangratz666/Dq6ZY/ ：

If you define your isValid as a property, you can use it in your if statement without creating a custom Handlebars helper, see http://jsfiddle.net/pangratz666/Dq6ZY/:

Handlebars ：

<script type="text/x-handlebars" data-template-name="obj-template" >
    {{view Ember.TextField valueBinding="age" }}
    {{#if isValid}}
        Si Si.
    {{else}}
        Nope!
    {{/if}}
</script>​

strong> JavaScript ：

JavaScript:

App.MyObj = Ember.Object.extend({
    isValid: function() {
        return this.get('age') >= 18;
    }.property('age')
});

Ember.View.create({
    templateName: 'obj-template',
    controller: App.MyObj.create({
        age: 21
    })
}).append();

这篇关于Handlebars #if中是否可以使用功能？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！