2016-05-11 3 views
3

Ich versuche herauszufinden, wie ich ein Datum in meinen HTML-Code einfügen kann, ohne einen Bereich oder Controller zu verwenden. Ich habe so etwas versucht, aber es scheint nicht zu funktionieren.Geben Sie das Datum ein, ohne das Oszilloskop oder den Controller zu verwenden.

<p>Sample text {{Date.now().toString() | date:'yyyy'}} sample text</p> 

Ich habe auch versucht, ohne .toString aber nicht funktioniert auch

Wäre toll, wenn Sie mich lassen konnte wissen, wie ich das erreichen kann.

Vielen Dank im Voraus.

+0

Keine offensichtliche Möglichkeit, dies zu erreichen. Warum musst du es so machen? – Phil

+0

Eckige Vorlagen unterstützen kein vollständiges JavaScript, sie sind nicht dafür gedacht. Sie sollten dafür einen Controller verwenden. – Clint

Antwort

2

Um das ohne einen Controller zu lösen, können Sie eine benutzerdefinierte Direktive verwenden, wo Sie einfach eine Art div im HTML hinzufügen können und es das Datum rendern wird.

mit, dass man so etwas tun:

HTML

<span date-now="MM/dd/yyyy"></span> 

JS

.directive('dateNow', ['$filter', function($filter) { 
    return { 
    link: function($scope, $element, $attrs) { 
     $element.text($filter('date')(new Date(), $attrs.dateNow)); 
    } 
    }; 
}]) 

Ergebnis:

05/10/2016 

Custom directives - Angular reference

+0

Warum markieren Sie diese Antwort nicht als gelöst? hast du schon probleme? –

Verwandte Themen