我的范围变量未在视图中初始化

Question

这是视图

<input ng-mouseup="mouseUp()" type="range" class="slideToUnlock" min="0" max="100" step="1" ng-model="rangeValue">

这是我在控制器中写的内容

$scope.mouseUp = function(){
    if($scope.rangeValue != 100){
        $scope.rangeValue = 0;
    }
    else if($scope.rangeValue == 100){
        (myAction to change View)  
    }
}

基本上我正试图用幻灯片来解锁某种功能，在我的唯一情况下，如果我的rangeValue = 100，那么我将更改视图。

注意：这在chrome上运行良好，但它不适用于firefox。