Angular filters

Primary tabs

Tim Bottman's picture

Filter components in ng, with HTML Template Binding usage.

Bookmark to learn: Login to use bookmarks.

Bookmark to learn: Login to use bookmarks.

Add to collection ... add Angular filters to your collections:

Help using Flashcards ...just like in real life ;)

  1. Look at the card, do you know this one? Click to flip the card and check yourself.
  2. Mark card Right or Wrong, this card will be removed from the deck and your score kept.
  3. At any point you can Shuffle, Reveal cards and more via Deck controls.
  4. Continue to reveal the wrong cards until you have correctly answered the entire deck. Good job!
  5. Via the Actions button you can Shuffle, Unshuffle, Flip all Cards, Reset score, etc.
  6. Come back soon, we'll keep your score.
    “Repetition is the mother of all learning.”
  7. Signed in users can Create, Edit, Import, Export decks and more!.

Bookmark to learn: Login to use bookmarks.

Share via these services ...

Email this deck:

Right: #
Wrong: #
# Right & # Wrong of #

filter

Selects a subset of items from array and returns it as a new array.
{{ filter_expression | filter : expression : comparator : anyPropertyKey}}

currency

Formats a number as a currency (ie $1,234.56). When no currency symbol is provided, default symbol for current locale is used.
{{ currency_expression | currency : symbol : fractionSize}}

number

Formats a number as text.
{{ number_expression | number : fractionSize}}

date

Formats date to a string based on the requested format.
{{ date_expression | date : format : timezone}}

json

Allows you to convert a JavaScript object into JSON string.
{{ json_expression | json : spacing}}

lowercase

Converts string to lowercase.
{{ lowercase_expression | lowercase}}

uppercase

Converts string to uppercase.
{{ uppercase_expression | uppercase}}

limitTo

Creates a new array or string containing only a specified number of elements. The elements are taken from either the beginning or the end of the source array, string or number, as specified by the value and sign (positive or negative) of limit. Other array-like objects are also supported (e.g. array subclasses, NodeLists, jqLite/jQuery collections etc). If a number is used as input, it is converted to a string.
{{ limitTo_expression | limitTo : limit : begin}}

orderBy

Returns an array containing the items from the specified collection, ordered by a comparator function based on the values computed using the expression predicate.
{{ orderBy_expression | orderBy : expression : reverse : comparator}}