2016-08-24 11 views
1

店舗が現在の時間に基づいて開いているか閉じているかのステータスを表示します。ここにコードがあります。図角度jsの条件文を使用する方法

<div ng-repeat="item in shops"> 
    <span ng-if="item.open_hour != '00:00:00' && item.open_hour <= '{{current_time}}' && item.close_hour >= {{current_time}}">We're open</span> 
</div> 

問題でコントローラ

$http.get(httpUrl + 'shops/get_shops') 
.then(function (returns) { 
    $scope.shops = returns.data; 
}); 
var now = new Date(); 
$scope.current_time = now.getHours() + ':' + now.getMinutes() + ':00';// to get hh:mm:ss format 

結果は最初の条件item.open_hour != '00:00:00'残りは従わなかっれる満たすことです。したがって、open_hourとclose_hourに関係なく、'00:00:00 'ではないopen_hourを持つすべてのデータが開きます。

私はangularjsを初めて使ったので、このようなことをする方法がわかりません。助けていただければ幸いです。

+0

'<スパンNG-IF = "{{item.open_hour = '00:!00:00' を&& item.open_hour <= 'CURRENT_TIME' && item.close_hour> = CURRENT_TIME}}">私たちは」再開 'これに変更 –

+0

@HardikVaghani答えが間違っています。 'item.open_hour <= 'current_time''→current_timeスコープです。varは文字列ではありません。 – gianlucatursi

+0

@HardikVaghaniそれは仕事です!しかし、私はそれがcurrent_timeで引用符なしでなければならないと思う。とにかくありがとう – Abaij

答えて

3

ng-ifにいるときは、スコープを取得するのに{{}}は必要ありません。

<span ng-if="item.open_hour != '00:00:00' && item.open_hour <= current_time && item.close_hour >= current_time">We're open</span> 
+0

はい、あなたは正しいです。知らせてくれてありがとうございます – Abaij

関連する問題