如何在angularJs中使用if else條件

Question

嗨，我剛接觸Angular JS，我想將JavaScript中的AM / PM格式轉換為示例（25-10-2013 18:30 to 25-10-2013 6:30 PM）控制器文件

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>

僅當約會日期為將來的日期時，此處才會出現“取消”按鈕。 否則，取消按鈕應隱藏。

Answer 1

您可以使用ng-show="isFutureDay"屬性來執行此操作。

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

其中isFutureDay是范圍內的布爾變量，它指示約會日期是否是將來的一天。 如果是未來的日子， isFutureDay===true ，則該按鈕將可見。 否則，它將是不可見的。

有關ng-show更多文檔，請在此處查看 。

Answer 2

如果使用數據綁定，則可以使用過濾器來實現，例如：

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

為了簡單起見，[0]。

至於“取消”按鈕，您可以使用“ ng-show”屬性，例如：

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

在按鈕內部，因此只有在該條件為true時才會顯示。

Answer 3

首先在js中為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) ; 
}

然后在js中

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