Est-il possible d'utiliser la fonction de Guidon #si?

J'ai un objet contrôleur qui est comme:

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

Mon point de vue, c'est comme:

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

J'étais en supposant que le if conditionnelle au Guidon accepte à la fois les valeurs et les fonctions, mais cela ne semble pas être le cas. Est-il réellement possible, et je suis juste de faire le mal?

OriginalL'auteur Jay | 2012-06-29

ember.js handlebars.js

Si vous définissez votre isValid comme un property, vous pouvez l'utiliser dans votre if instruction sans la création d'une coutume Guidon helper, voir http://jsfiddle.net/pangratz666/Dq6ZY/:

Guidon:

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

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();

Sweet! Merci! Fonctionne mieux que ma méthode d'utilisation d'un computed propriété

OriginalL'auteur pangratz

8

Guidon si les déclarations compare uniquement si une valeur existe, s'il est une falsy valeur (c'est à dire inexistant, 0, une chaîne vide, etc.). Vous devez écrire une coutume fonction d'assistance.

Vous pourriez le faire de cette
```
Handlebars.registerHelper('isValid', function (value, options) {
    if (value == "valid") {
        return options.fn(this);
    }
    return options.inverse(this);
});
```
Il enregistre un bloc helper. Si la valeur que vous passez dans évalue à "valide", il renvoie le modèle suivant l'assistance avec les données actuelles. Si il n'évalue pas valide, il renvoie le modèle en suivant l'instruction else avec les données actuelles.

Puis dans votre modèle, vous pouvez l'utiliser comme ceci
```
{{#each MyApp.objController}}
    {{#isValid validity}}
        <some markup>
    {{else}}
        <some other markup>
    {{/isValid}}
{{/each}}
```
Sinon, si vous voulez respecter l'esprit du Guidon et de faire une "logique" de modèle, définir un indicateur avant de vous le rendre le modèle indiquant si oui ou non que les données sont valides, puis utilisez le guidon si helper avec le drapeau.

Vous pourriez également possible de mettre en place une fonction générique pour traiter ce cas comme dans d'autres. Voir ma réponse dans Opérateur logique dans un handlebars.js {{#if}} conditionnel pour un exemple pour un médicament générique si (similaire à la réponse ci-dessus)

Il ressemble en Ember 1.5.1+ ce n'est plus une option.
Se terminant en {{/if}} ne fonctionne pas pour moi, mais se terminant en {{/isValid}} fait. Vous ne savez pas si c'est parce que c'est de 2,5 ans plus tard, ou quoi, mais juste envie de le jeter là-bas.
Oui, c'est une faute de frappe. Corrigés.

OriginalL'auteur Nick Kitto
-1

Vous pourriez créer un Guidon de l'aide pour ce faire.

Je m'attendais à un peu plus de détails...je n'ai rien fait avec un Guidon dans un mois donc j'ai oublié la plupart de ce que je savais :P. Va revenir et l'accepter quand je reviens à cette partie de mon projet et de l'essayer.

OriginalL'auteur frontendbeauty

-3

Essayez ceci:

<ul>
  {{#each subsites}}
      {{#if this}}
        <li>{{{WhatIsTheSiteFor this}}}</li>
      {{else}}  
        <li>no found</li>
      {{/if}}
  {{/each}}
</ul>

ici est fonction d'aide pour WhatIsTheSiteFor:

            Handlebars.registerHelper('WhatIsTheSiteFor', function(sitename) {
          var subsitename = '',
            sitenamestr = '';
            $.each(sitename, function(i, item){
                    sitenamestr += item;
                    return sitenamestr;
            });
          if(sitenamestr==='s.gbin1.com'){
            subsitename = '<a href="http://'+ sitenamestr +'">GB搜索引擎</a>';
          }else if(sitenamestr==='m.gbin1.com'){
            subsitename = '<a href="http://'+ sitenamestr +'">GB手机阅读</a>';
          }else if(sitenamestr==='rss.gbin1.com'){
            subsitename = '<a href="http://'+ sitenamestr +'">RSS消息订阅</a>';
          }
          return subsitename;
        });

Voici la démo: http://www.gbin1.com/gb/networks/uploads/71bb1c1e-0cd3-4990-a177-35ce2612ce81/demo6.html

Mal mis en forme et contextless code. Serait beaucoup plus utile si les explications sont ajoutés.

OriginalL'auteur user1944832

Vous devez vous connecter pour publier un commentaire.