Question

我使用角度js，结合角度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');
    };
});

结果是：

输入值为＆＃34; -1＆＃34;，这意味着ng-min和ng-max范围不起作用。

我做错了什么？

谢谢。

Answer 1

将ng-min和ng-max更改为

分钟=＆＃34; {{info.min}}＆＃34;

最大=＆＃34; {{info.max}}＆＃34;

Answer 2

将您的ng-min和ng-max sintax更改为

ng-min="{{info.min}}"

ng-max="{{info.max}}"

Answer 3

我使用以下语法：

<input type="number" ng-min="minQuantity" ng-max="maxQuantity">

其中minQuantity和maxQuantity是$ scope上的属性

角js：ng-min \ ng-max

3 个答案: