Angularjs 变量不存在';当另一个变量改变时,t改变

Angularjs 变量不存在';当另一个变量改变时,t改变,angularjs,Angularjs,我正在尝试将sessionlength转换为秒,并将其保存在名为totalTime的变量中(totalTime=sessionlength*60)。 在我的脚本中,用户可以单击按钮增加/减少会话长度。 但问题是总时间并没有随着sessionlegnth的改变而改变。 谁能指出我哪里出错了?提前谢谢 var myApp = angular.module('myApp', []); myApp.controller('pomodoroTimer',function pomodoroTimer($sc

我正在尝试将
sessionlength
转换为秒,并将其保存在名为
totalTime
的变量中(
totalTime
=
sessionlength
*60)。 在我的脚本中,用户可以单击按钮增加/减少会话长度。 但问题是总时间并没有随着
sessionlegnth
的改变而改变。 谁能指出我哪里出错了?提前谢谢

var myApp = angular.module('myApp', []);
myApp.controller('pomodoroTimer',function pomodoroTimer($scope) {
    $scope.breaklength = 5;
    $scope.sessionlength = 25; 
    $scope.totalTime = $scope.sessionlength * 60;

    $scope.decreaseNumber = function() {
      $scope.sessionlength--;
    };

    $scope.increaseNumber = function() {
      $scope.sessionlength++;
    };  
  });

会话长度更改后,您不会重新计算总时间,您可以这样做:-

var-app=angular.module(“myApp”,[]);
app.controller(“myCtrl”,函数($scope){
$scope.breaklength=5;
$scope.sessionlength=25;
$scope.calcTotalTime=函数(){
$scope.totalTime=$scope.sessionlength*60;
}
$scope.decreaseNumber=函数(){
$scope.sessionlength--;
$scope.calcTotalTime();
};
$scope.increaseNumber=函数(){
$scope.sessionlength++;
$scope.calcTotalTime();
};
$scope.calcTotalTime();
});

增加
减少

会话长度:{{sessionlength}}
总时间:{{totalTime}}

会话长度更改后,您不会重新计算总时间,您可以这样做:-

var-app=angular.module(“myApp”,[]);
app.controller(“myCtrl”,函数($scope){
$scope.breaklength=5;
$scope.sessionlength=25;
$scope.calcTotalTime=函数(){
$scope.totalTime=$scope.sessionlength*60;
}
$scope.decreaseNumber=函数(){
$scope.sessionlength--;
$scope.calcTotalTime();
};
$scope.increaseNumber=函数(){
$scope.sessionlength++;
$scope.calcTotalTime();
};
$scope.calcTotalTime();
});

增加
减少

会话长度:{{sessionlength}}
总时间:{{totalTime}}

$scope.calcTotalTime();也应添加到decreaseNumber方法中。为什么要在
$scope
中添加
CalcTolTime
?此函数不会在视图中使用。@alexmac i添加了此函数,以便在会话长度更改时使用。它将计算时间。对不起,我不明白你说的什么意思,它不会在视图中使用?我的意思是用这个函数代替
$scope.calcTotalTime=function()
使用这个-
函数calcTotalTime()
@alexmac两者都可以,但我认为在angular$scope.calcTotalTime=function()中更合适。您的建议也会起作用:-)$scope.calcTotalTime();也应添加到decreaseNumber方法中。为什么要在
$scope
中添加
CalcTolTime
?此函数不会在视图中使用。@alexmac i添加了此函数,以便在会话长度更改时使用。它将计算时间。对不起,我不明白你说的什么意思,它不会在视图中使用?我的意思是用这个函数代替
$scope.calcTotalTime=function()
使用这个-
函数calcTotalTime()
@alexmac两者都可以,但我认为在angular$scope.calcTotalTime=function()中更合适。你的建议也会奏效:-)