角js：ng-min \ ng-max

我使用角度js，結合角度ui，在我的網站上顯示模態窗口。我的HTML代碼：角js：ng-min ng-max

<script type="text/ng-template" id="myModalContent.html"> 
    <div class="modal-header text-center"> 
     <h3 class="modal-title" id="modal-title">Jump to page</h3> 
    </div> 
    <div class="modal-body text-center" id="modal-body"> 
     <input type="number" ng-model="info.page" class="text-center" ng-enter="ok()" ng-min="{{info.min}}" ng-max="{{info.max}}" /> 
     <div>MAX: {{info.max}}</div> 
     <div>MIN: {{info.min}}</div> 
     <button class="btn btn-primary" type="button" ng-click="ok()" style="margin-top: 20px;">OK</button> 
    </div> 
</script>

用戶具有範圍的info.max填補輸入號碼info.min。

這裏的相關角碼 - 觸發模式窗口打開：

function gotoPageDialog(fileNo, current, max) 
{ 
    var modalInstance = $uibModal.open({ 
     templateUrl: 'myModalContent.html', 
     controller: 'ModalInstanceCtrl', 
     size: 'sm', 
     resolve: { 
      current_info: function() 
      { 
       return { 
        fileNo: fileNo, 
        page: current, 
        max: max, 
        min: 1 
       } 
      } 
     } 
    }); 

    modalInstance.result.then(function (result) 
    { 
     //... 
    }; 
}

和模態窗口，它的自我：

app.controller('ModalInstanceCtrl', function ($scope, $uibModalInstance, current_info) 
{ 
    $scope.info = current_info; 

    $scope.ok = function() 
    { 
     $uibModalInstance.close($scope.info); 
    }; 

    $scope.cancel = function() 
    { 
     $uibModalInstance.dismiss('cancel'); 
    }; 
});

結果是：