テーブルのデータをバックエンドから取得しています。Approvedon
とApprovedby
の2つのフィールドがあります。これらの2つのフィールドがnullになると、テーブルにpending
という値を表示する必要があります。If-else But印刷できません。何が問題になりましたか?http応答でif-elseを使用するには?
<body ng-app="App" ng-controller="myCtrl" ng-init="loadLeaves()">
<div class="col-lg-12 col-md-12 col-xs-12 padding table-responsive">
<table class="table table-hover table-bordered">
<tbody>
<tr ng-repeat="data in leaveList">
<td>{{$index+1}}</td>
<td>{{data.AppliedOn | date : 'dd/MM/yyyy'}}</td>
<td>{{data.LeaveType}}</td>
<td>{{data.LeaveFrom | date : 'dd/MM/yyyy'}}</td>
<td>{{data.LeaveTo | date : 'dd/MM/yyyy'}}</td>
<td>{{data.Duration}}</td>
<td>{{data.Status}}</td>
<td>{{data.Approvedon | date : 'dd/MM/yyyy'}}</td>
<td>{{data.Approvedby}}</td>
</tr>
</tbody>
</table>
</div>
<div class="col-lg-12 col-md-12 col-xs-12 alert alert-warning noData">
<strong>No Data Found!!</strong>
</div>
</body>
<script>
var app=angular
.module('App', [])
.controller('myCtrl', function ($scope, $http) {
$http.post('/leave/EmployeeLeaveList').then(function (response) {
$scope.leaveList = response.data;
if ($scope.leaveList.Approvedon == "" || $scope.leaveList.Approvedon == null) {
$scope.leaveList.Approvedon = "pending";
}
})
}
})
</script>
Similary応答の長さは、それはNo Data Found
が表示されるはずです0
あり、それ以外の場合は、CSSでhided.Byデフォルトはそれを隠していなければなりません。
私はこれらすべてをjqueryで簡単に実行しましたが、今は驚くほど多くの疑問を抱いています。
誰にでも提案してください。
出力はどのようになっていますか?あなたは "保留中"を表示できますか? – Manas
リーヴェリストはアレイではありませんか?あなたは、弁護士に "approvedOn"というプロパティの値をチェックしています。 – Manas
いいえ '保留中'を表示できません – user7397787