default text when the input is empty in angular for label while binding

Question

I have this piece of code that is working fine and displays the data as per received from controller into the binding. However, I tried to make server data as string.empty and I was expecting this default text "Your name" would appear, and it is not. I want the default text to be shown if server returns empty string.

<label for="name" class="label-proj" ng-bind="ctrl.name">Your name</label>

score 6 · Accepted Answer · answered Sep 14 '16 at 00:57

6

You could do the following:

<label for="name" class="label-proj">{{ctrl.name || "Your name"}}</label>

answered Sep 14 '16 at 00:57

Passersby

1,092
9
11

Thank you, let me try quickly and let you know, as I also want to use it in th (Table header column) – Jasmine Sep 14 '16 at 01:02
Thank you, it worked like a charm in all the places I needed :) Cheers – Jasmine Sep 14 '16 at 01:12

default text when the input is empty in angular for label while binding

1 Answers1