Einfache Angular JS Filter funktioniert nicht

Question

Ich versuche, einen einfachen Filter in mein Projekt einzufügen, aber es funktioniert nicht, keine Fehler ... einfach nicht funktioniert. Ich bin Kopieren und Einfügen alles von

https://scotch.io/tutorials/building-custom-angularjs-filters

Filter.js

angular.module('starter.filters', []) 

// Setup the filter 
.filter('ordinal', function() { 

    // Create the return function 
    // set the required parameter name to **number** 
    return function(number) { 

    // Ensure that the passed in data is a number 
    if(isNaN(number) || number < 1) { 

     // If the data is not a number or is less than one (thus not having a cardinal value) return it unmodified. 
     return number; 

    } else { 

     // If the data we are applying the filter to is a number, perform the actions to check it's ordinal suffix and apply it. 

     var lastDigit = number % 10; 

     if(lastDigit === 1) { 
     return number + 'st' 
     } else if(lastDigit === 2) { 
     return number + 'nd' 
     } else if (lastDigit === 3) { 
     return number + 'rd' 
     } else if (lastDigit > 3) { 
     return number + 'th' 
     } 

    } 
    } 
}); 

Abhängigkeiten

angular.module('starter', ['ionic', 'starter.controllers','starter.filters','ngCordova']) 

index.html

<script src="js/app.js"></script> 
<script src="js/controllers.js"></script> 
<script src="js/filters.js"></script> 

HTML:

{{400 || ordinal}} 

Das funktioniert nicht .... warum?

Danke für Ihre Hilfe

Answer 1

Sie haben eine der entfernen |

{{400 | ordinal}} 

Sie werden nichts zurück sowieso bekommen becouse das 400 Passt nicht alle ‚wenn sonst‘ übereinstimmen und Sie sind wieder etwas nicht in diesem Szenario.