angularjs - 範囲スライダを使用して時間を設定する

Question

イオン範囲を使用して15分ステップで時間を設定しようとしています。 イオンレンジは、min、max、step、valueの共通レンジ入力と同じように機能します。

はここレンジhtmlコードです：

<div class="item range"> 
    <input type="range" min="0.15" max="12" value="0" step="0.15" ng-model="TimeValue" ng-change="setTime(TimeValue)"> 
</div> 

そして、ここで私は変化に呼んでいる機能です：

$scope.setTime = (value) -> 
    $scope.hours = Math.floor(value/0.6); 
    $scope.minutes = value - ($scope.hours * 0.6); 

残念ながら、これが機能していません。

私が達成しようとしているのは、0.15（分）のステップを持つスライダで、0.6に達した時点で自動的に1時間を作成し、1.15（時）などから再開するというものです。

私はここでこの答えに従っています：using ionic range to set months and yearsですが、これは何年も何ヶ月もの間で計算が異なります。

ここでは簡単のデモです：、http://codepen.io/anon/pen/eZVPRv?editors=1010

Answer 1

以下のコードバディを使用して、あなたが

angular.module('ionicApp', ['ionic']) 
.controller('MyCtrl', ['$scope', function($scope){  
    $scope.setTime = function (value) { 
    $scope.hours = Math.floor(value/0.6); 
    if(($scope.TimeValue % 0.6) == 0){ 
    $scope.minutes = 0; 
    }else{ 
     if($scope.TimeValue <= .6){ 
     $scope.minutes = Math.round((value - ($scope.hours))*100); 
     }else{ 
     value = Math.round((value - ($scope.hours * .6))*100); 
     $scope.minutes = value; 
     } 
    } 
    } 
    $scope.TimeValue = 0.15; 
}]) 

needed-何本があった願っています：http://codepen.io/anon/pen/eZVPRv?editors=1010

EDIT

新しいデモ計算の問題は、ここでそれを確認してください - http://codepen.io/himanshuapril1/pen/eZVPXe?editors=1010