Javascript 如何自动更新起始页和结束页输入字段

Javascript 如何自动更新起始页和结束页输入字段,javascript,angularjs,forms,Javascript,Angularjs,Forms,我有一个使用angularJS表单的开始和结束页码列表。我想做的是…例如,如果用户在第一行输入的结束页为4,那么我希望第二行的起始页自动更新为5(+上一个结束页的1) 我使用的对象如下所示: $scope.pages = { items: [{ startNumber: 1, endNumber: '' }, { startNumber: '', endNumb

我有一个使用angularJS表单的开始和结束页码列表。我想做的是…例如,如果用户在第一行输入的结束页为4,那么我希望第二行的起始页自动更新为5(+上一个结束页的1)

我使用的对象如下所示:

$scope.pages = {
    items: [{
            startNumber: 1,
            endNumber: ''
        },
        {
            startNumber: '',
            endNumber: ''
        },
        {
            startNumber: '',
            endNumber: ''
        },
        {
            startNumber: '',
            endNumber: ''
        }
    ]
};
HTML:


我不确定我是否正确使用了该函数,或者将该函数放在何处以添加数字。如果有人做过类似的事情……任何帮助都会很好

您可以在第二个输入字段上使用
ng change
,并相应地更新该字段。你可以这样做

$scope.autoStartPageNumber = function(index) {
     if (index + 1 < $scope.pages.items.length) {
         $scope.pages.items[index + 1].startNumber = 1 + $scope.pages.items[index].endNumber;
     }
 };
$scope.autoStartPageNumber=函数(索引){
if(索引+1<$scope.pages.items.length){
$scope.pages.items[index+1].startNumber=1+$scope.pages.items[index].endNumber;
}
};
var myApp=angular.module('myApp',[]);
//指令('myDirective',function(){});
//工厂('myService',function(){});
函数MyCtrl($scope){
$scope.name='Superhero';
$scope.pages={
项目:[
{
开始编号:1,
结束编号:“”
},
{
开始编号:“”,
结束编号:“”
},
{
开始编号:“”,
结束编号:“”
},
{
开始编号:“”,
结束编号:“”
}
]
};
$scope.autoStartPageNumber=函数(索引){
if(索引+1<$scope.pages.items.length){
$scope.pages.items[index+1]。startNumber=$scope.pages.items[index]。endNumber+1;
}
};
}

页
- 

wow工作起来很神奇!不知道改变是一件事。谢谢你的帮助!
$scope.autoStartPageNumber = function(endPage) {
    if (endPage.length) {
        startNumber = endNumber + 1;
    }
};
$scope.autoStartPageNumber = function(index) {
     if (index + 1 < $scope.pages.items.length) {
         $scope.pages.items[index + 1].startNumber = 1 + $scope.pages.items[index].endNumber;
     }
 };