[解決済み] angular js: ng-min \ ng-max

質問

私のウェブサイトでモーダルウィンドウを表示するために、angular jsとangular uiを組み合わせて使っています。 HTML

<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');
    };
});

その結果、次のようになります。

入力値が "-1"である場合、どのような意味があるのでしょうか？ ng-min と ng-max の範囲が機能しない。

何が間違っているのでしょうか？

ありがとうございました。

解決方法は？

ng-minとng-maxを以下のように変更します。

min="{{info.min}}"です。

max="{{info.max}}"です。