Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angularJs中使用if-else条件_Javascript_Angularjs - Fatal编程技术网

Javascript 如何在angularJs中使用if-else条件

Javascript 如何在angularJs中使用if-else条件,javascript,angularjs,Javascript,Angularjs,嗨,我是新来的, 例如,我想用JavaScript转换AM/PM格式(25-10-2013 18:30到25-10-2013 6:30) 控制器文件 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:

嗨,我是新来的, 例如,我想用JavaScript转换AM/PM格式(25-10-2013 18:30到25-10-2013 6:30) 控制器文件

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>
for(变量i=0;i<$scope.AvailableSlots.length;i++)
$scope.AvailableSlots[i].AppointmentDate=Date.parse(矩($scope.AvailableSlots[i].F).格式('MM-DD-YYYY HH:MM');
}
取消

仅当约会日期为未来日期时,此处才应显示“取消”按钮。否则,取消按钮应隐藏。

您可以使用
ng show=“isFutureDay”
属性执行此操作

<button class="btn btn-danger" 
        ng-show="isFutureDay" 
        ng-click="cancelAppointment(appointment)">Cancel</button>
取消
其中,
isFutureDay
将是范围中的一个布尔变量,它指示约会日是否是未来的一天。如果是未来的一天,
isFutureDay===true
,则该按钮将可见。否则,它将不可见


有关
ng show
的更多文档,请查看。

如果您使用数据绑定,可以使用过滤器,例如:

{{ AvailableSlots[0].AppointmentDate | date:'MMM dd, yyyy hh:mm a' }}
ng-show="(AppointmentDate - today's date) > 0"
[0]是为了简单起见

对于取消按钮,您可以使用“ng show”属性,例如:

{{ AvailableSlots[0].AppointmentDate | date:'MMM dd, yyyy hh:mm a' }}
ng-show="(AppointmentDate - today's date) > 0"

在按钮内部,因此仅当该条件为真时才会显示。

首先在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) ; 
}
for(变量i=0;i<$scope.AvailableSlots.length;i++)
$scope.AvailableSlots[i].AppointmentDate=Date.parse(矩($scope.AvailableSlots[i].F).格式('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>
取消

答案有用吗