Ignorieren Undefinierte Daten / vars mit einem Unterstrich Vorlage

Immer noch lernen, Rückgrat, so mit mir tragen;

Ich versuche zu hinzufügen eines neuen Modells mit leeren Feldern zu einer Ansicht, aber die Vorlage habe ich erstellt, hat eine ganze Reihe von

<input value="<%= some_value %>" type="whatever" />

Funktioniert völlig in Ordnung, wenn das abrufen von Daten, füllt es und alles geht gut. Das Problem entsteht, wenn ich will erstellen Sie eine neue (leere) gerenderten Ansicht, es gibt mir

Uncaught ReferenceError: some_value is not defined

Kann ich defaults (ich weiß schon für ein paar, die haben default-Werte in der db), aber das bedeutet, dass die Eingabe, über 40 von Ihnen mit Leerzeichen aufgefüllt; ist es eine bessere Art des Umgangs mit diesen?

Ich bin hantieren mit der Unterstrich-Vorlage selbst zu versuchen so etwas wie <%= if(some_value != undefined){ some_value } %> aber das scheint auch ein bisschen umständlich.

InformationsquelleAutor Shaz Amjad | 2013-03-07

10

Nein,

Gibt es keine eigentliche fix für diese aufgrund der Art und Weise Unterstrich Vorlagen umgesetzt werden.

Sehen diese Diskussion darüber:

Ich fürchte, dass das ist einfach die Art, mit(){} funktioniert in JS. Wenn die variable nicht deklariert, es ist eine ReferenceError. Es gibt nichts, was wir dagegen tun können, wobei der rest der Vorlage Verhalten.

Nur so können Sie erreichen, was Sie suchen, ist entweder wickeln Sie das Objekt mit einem anderen Objekt wie der anderen Antwort vorgeschlagen, oder bei der Einrichtung von Standardwerten.

InformationsquelleAutor Benjamin Gruenbaum
24

Pass die Vorlage von Daten in einem wrapper-Objekt. Fehlende Eigenschaft Zugriff wird nicht werfen eine Fehlermeldung:

Statt:
```
var template = _.template('<%= foo %><%= bar %>');
var model = {foo:'foo'};
var result = template(model); //-> Error
```
Versuchen:
```
var template = _.template('<%= model.foo %><%= model.bar %>');
var model = {foo:'foo'};
var result = template({model:model}); //-> "foo"
```
- dies immer noch fehlschlägt, wenn Sie versuchen, access-Modell.foo.und bar nicht vorhanden
- Gut zu wissen, dass die Eigenschaft Zugriff wird nicht werfen einen Fehler. Das war genau das, was ich suchte. Ich habe ein Objekt und es können Daten enthalten. Ich wollte einfach nur ignoriert werden, wenn Sie es nicht ist.
- Zumindest konnte man überprüfen, ob die 'Eigenschaft' existiert. Unterscheidet sich von der überprüfung, ob eine 'variable' vorhanden ist.
InformationsquelleAutor jevakallio
11

Tatsächlich, Sie können arguments im inneren Ihrer Vorlage:
```
<% if(!_.isUndefined(arguments[0].foo)) { %>
       ...
<% } %>
```
- ja, gut Glück setzen, dass in Millionen Orte
- Dieser arbeitete für mich.
InformationsquelleAutor Dmitriy
5

Wenn Sie das Kontrollkästchen source-code für template-Funktion generiert wird, sehen Sie etwas wie dies:
```
with (obj||{}) {
  ...
  //model property is used as variable name
  ...
}
```
Was hier passiert: bei der ersten JS versucht zu finden, Ihre Immobilie in "obj", die das Modell (mehr über mit - Anweisung). Diese Eigenschaft ist nicht in "obj" Bereich, also JS Traversen bis und bis bis Globale Reichweite und schließlich wirft Ausnahme.

So, Sie können Ihre Rahmen direkt um das zu beheben:
```
<input value="<%= obj.some_value %>" type="whatever" />
```
Zumindest es funktionierte für mich.
- diese Antwort und @Dmitriy Antwort sind die tatsächlichen Lösungen
InformationsquelleAutor kirschpirogge
3

Tatsächlich ist, können Sie auf vars wie erste Objekt-Eigenschaften.

Wenn Sie aktivieren debugger in die Vorlage sind, finden Sie die variable "obj", die enthält alle Ihre Daten.

Also statt <%= title %> Sie schreiben sollte <%= obj.title %>

InformationsquelleAutor Ngorco

lodash, underscore Ersatz, bietet eine Vorlage - Funktion mit einer eingebauten Lösung. Es hat eine option, um wickeln Sie die Daten in einem anderen Objekt zu vermeiden, die "mit" - Anweisung, die den Fehler verursacht.

Beispiel für die Verwendung der API-Dokumentation:

//using the `variable` option to ensure a with-statement isn’t used in the compiled template
var compiled = _.template('hi <%= data.user %>!', { 'variable': 'data' });
compiled.source;
//→ function(data) {
//  var __t, __p = '';
//  __p += 'hi ' + ((__t = ( data.user )) == null ? '' : __t) + '!';
//  return __p;
//}

InformationsquelleAutor Edward Brey

Eine sehr einfache Lösung: Sie können sicherstellen, dass Ihre Daten-Sammlung ist normalisiert, d.h., dass alle Eigenschaften vorhanden sind, in jedes Objekt (mit einem null-Wert, wenn Sie nicht verwendet werden). Eine Funktion wie diese können helfen:

function normalizeCollection (collection, properties) {
  properties = properties || [];
  return _.map(collection, function (obj) {
    return _.assign({}, _.zipObject(properties, _.fill(Array(properties.length), null)), obj);
  });
}

(Hinweis: _.zipObject und _.fill sind in den letzten Versionen von lodash, aber nicht den Unterstrich)

Verwenden Sie es wie diese:

var coll = [
  { id: 1, name: "Eisenstein"},
  { id: 2 }
];

var c = normalizeCollection(coll, ["id", "name", "age"]);
//Output =>
//[
// { age: null, id: 1, name: "Eisenstein" },
// { age: null, id: 2, name: null }
//]

Natürlich, werden Sie nicht haben, um wandeln Sie Ihre Daten permanent – nur zum aufrufen der Funktion on-the-fly, wie Sie Ihre Vorlage-rendering-Funktion:

var compiled = _.template(""); //Your template string here
//var output = compiled(data); //Instead of this
var output = compiled(normalizeCollection(data)); //Do this

InformationsquelleAutor Nicolas Le Thierry d'Ennequin

Können Sie abstrakte @Dmitri Antwort weiter, indem Sie hinzufügen einer Funktion zu Ihrem Modell und verwenden Sie es in Ihrer Vorlage.

Beispiel:

Modell :

new Model = Backbone.Model.extend({
    defaults: {
        has_prop: function(prop) {
            return _.isUndefined(this[property]) ? false : true;
        }
    }
});

Vorlage:

<% if(has_prop('property')) { %>
    //Property is available
<% } %>

Als Kommentar in seiner Antwort schon sagt, ist dieses mehr erweiterbar.

InformationsquelleAutor Daniel Tate

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.