how to use if else condition in angularJs

Question

Hi i am newly to Angular JS, I want Convert AM/PM format in JavaScript for Example ( 25-10-2013 18:30 to 25-10-2013 6:30 PM ) controller file

for (var i = 0; i < $scope.AvailableSlots.length; i++) 
    $scope.AvailableSlots[i].AppointmentDate  = Date.parse(moment($scope.AvailableSlots[i].F).format('MM-DD-YYYY HH:mm')) ; 
}

<div>
    <button class="btn btn-danger"  ng-click="cancelAppointment(appointment)">Cancel</button>
</div>

here Cancel Button should appear only if the Appointment date is future date. Otherwise, the cancel button should be hidden.

Christos · Accepted Answer · 2014-11-27 12:52:28Z

1

You could do this using the ng-show="isFutureDay" attribute.

<button class="btn btn-danger" 
        ng-show="isFutureDay" 
        ng-click="cancelAppointment(appointment)">Cancel</button>

where isFutureDay would be a boolean variable in the scope, which indicates if the appointment day is a future day or not. If it is a future day, isFutureDay===true, then the button will be visible. Otherwise, it will be invisible.

For further documentation about ng-show, please have a look here.

edited Nov 27, 2014 at 12:52

answered Nov 27, 2014 at 12:42

Christos

54.1k9 gold badges82 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mutlei · Accepted Answer · 2014-11-27 12:45:17Z

0

If you use data binding, you can do it using filters, such as:

{{ AvailableSlots[0].AppointmentDate | date:'MMM dd, yyyy hh:mm a' }}

The [0] is for simplicity's sake.

As for the Cancel button, you can use the "ng-show" attribute, such as:

ng-show="(AppointmentDate - today's date) > 0"

Inside the button, so it's shown only if that condition is true.

answered Nov 27, 2014 at 12:45

mutlei

1331 silver badge9 bronze badges

Comments

harishr · Accepted Answer · 2014-11-27 13:52:12Z

0

first create a boolean in js for isFuture

for (var i = 0; i < $scope.AvailableSlots.length; i++) 
    $scope.AvailableSlots[i].AppointmentDate  = Date.parse(moment($scope.AvailableSlots[i].F).format('MM-DD-YYYY HH:mm')) ; 
    $scope.AvailableSlots[i].IsFuture  = moment().isBefore($scope.AvailableSlots[i].AppointmentDate) ; 
}

and then in js

<button class="btn btn-danger" ng-show="appointment.IsFuture" ng-click="cancelAppointment(appointment)">Cancel</button>

answered Nov 27, 2014 at 13:52

harishr

18.1k9 gold badges84 silver badges131 bronze badges

1 Comment

harishr Over a year ago

did the answer helped

Collectives™ on Stack Overflow

how to use if else condition in angularJs

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related