2016-04-17 2 views
0

Ich arbeite an einer ziemlich grundlegenden ionischen App, wo ich in der Lage sein muss, ein einfaches Array von Objekten zu speichern, wenn der Benutzer die Anwendung neu startet. Die Objekte enthalten verschiedene Informationen, es ist im Grunde eine To-Do-Liste, aber mit einem bestimmten Datum.Ziehen eines Datums zusammen mit anderen Informationen aus dem Localspeicher. Fehler beim Datum

Alles funktioniert gut, außer es nicht das Datum wird angezeigt, wenn i/Relaunch der Anwendung aktualisieren und es gibt mir diese Fehlermeldung:

Fehler: [$ Parse: syntax] Syntaxfehler: Token ‚T22‘ ein unerwartetes Token in Spalte 11 des Ausdrucks [2015-12-11T22: 00: 00.000Z | Datum: 'MM/TT/JJJJ'] ab [T22: 00: 00.000Z | Datum: "MM/TT/JJJJ"].

Ich versuchte es zu googeln, konnte aber niemanden mit einem ähnlichen Problem finden. Ich habe wirklich keine Ahnung, wo das Problem liegt, da die Konsole nicht auf eine bestimmte Richtung zeigt.

JS

app.service('StoreService',function($window){ 
    if(JSON.parse(window.localStorage.getItem("products")) === null) { 

var products={ 
     items:[] 
    }; 
    } 
    else { 

var products =JSON.parse(window.localStorage.getItem("products")); 

    } 
console.log(products); 

this.saveItem=function(item){ 
    products.items.push(item); 
    window.localStorage.setItem("products", JSON.stringify(products)); 
    console.log(JSON.parse(window.localStorage.getItem("products"))); 
}; 

this.get=function(){ 
    return products; 

}; 

}); 

$scope.newItem = function(user) { 
    $scope.master = angular.copy(user); 
    var x = Math.random(); 
    $scope.id = 
    { id : x }; 
    angular.extend($scope.master, $scope.id); 
    StoreService.saveItem($scope.master); 
    $scope.reset(user); 

} 

HTML

<div ng-repeat="things in product.items track by things.id | orderBy: 'date'" class="item item-text-wrap"> 
     <h3>{{things.text}}</h3> 
     <p ng-bind="{{things.date}} | date:'MM/dd/yyyy'"></p> 
     <h3>{{things.note}}</h3> 
    </div> 
+0

Können Sie bitte einen Codepen für Ihr Problem angeben. Die Informationen hier sind nicht ausreichend zu verstehen. Ich habe einen [codepen] (http://codepen.io/mjunaidsalaat/pen/KzRyxv?editors=1010) aus Ihrem Code erstellt. Bitte reproduzieren Sie den Fehler hier und fügen Sie den aktualisierten CodePen hier ein. –

Antwort

0

Try doppelte geschweifte Klammern für things.date zu entfernen und ng-bind ändern = "{{things.date}} Datum: 'MM/TT/JJJJ' " bis ng-bind =" sachen.date | datum: 'MM/TT/JJJJ' "

+0

Wow, so einfach war das! Danke für die Hilfe. –

Verwandte Themen