Angularjs Template Default Value if Binding Null Undefined With Filter

Question

I have a template binding that displays a model attribute called  date  which is a date  using Angular s date filter    lt span class  gallery-date  gt   gallery date   date  mediumDate    lt  span gt    So far so good  However at the moment  if there is no value in the date field  the binding displays nothing  However  I would like it to display the string  Various  if there is no date   I can get the basic logic using a binary operator    lt span class  gallery-date  gt   gallery date     Various    lt  span gt    However I can t get it to work with the date filter    lt span class  gallery-date  gt   gallery date   date  mediumDate      Various    lt  span gt    How can I use the binary operator alongside the date filter

User · Answer

Just in case you want to try something else. This is what worked for me:

Based on Ternary Operator which has following structure:

condition ? value-if-true : value-if-false

As result:

{{gallery.date?(gallery.date | date:'mediumDate'):"Various" }}

User · Answer

I made the following filter   angular module  app   filter  ifEmpty   function         return function input  defaultValue            if  angular isUndefined input     input     null    input                       return defaultValue                     return input              To be used like this    lt span gt   aPrice   currency   ifEmpty  N A    lt  span gt   lt span gt   aNum   number 3   ifEmpty 0   lt  span gt

User · Answer

How can I use the binary operator alongside the date filter    lt span class  gallery-date  gt   gallery date   date  mediumDate      Date Empty    lt  span gt    you also try    lt span class  gallery-date  gt    gallery date     NULL     mediumDate     gallery date    lt  span gt

User · Answer

I really liked this answer  with ngBind  your default text can just live in the element body  and then if the ngBind evaluates to something non-null undefined  your content is replaced automatically  and everythings happy  angularjs setting default values to display before evaluation

User · Answer

Turns out all I needed to do was wrap the left-hand side of the expression in soft brackets    lt span class  gallery-date  gt    gallery date   date  mediumDate       Various    lt  span gt

User · Answer

In your cshtml    lt tr ng-repeat  value in Results  gt                    lt td gt   value FileReceivedOn   mydate   date    dd-MM-yyyy     lt  td gt   lt  tr gt    In Your JS File  maybe app js   Outside of app controller  add the below filter   Here the  mydate  is the function which you are calling for parsing the date  Here the  app  is the variable which contains the angular module  app filter  mydate   function          var re      Date    0-9              return function  x            var m   x match re           if  m  return new Date parseInt m 1             else return null

[javascript] Angularjs Template Default Value if Binding Null / Undefined (With Filter)

Examples related to javascript

Examples related to templates

Examples related to binding

Examples related to angularjs

Examples related to default