AngularJS: 求和输入值

8 浏览
0 Comments

AngularJS: 求和输入值

我有一些数字输入,我想要将它们的值相加。结果将会保存到一个新的变量中,并最终保存到我的数据库中。

以下是我的输入:

            月收入
            
             
            
  			
            
             
            
  			
            
             
            
  			
          

新的变量是一个标签,我想要显示它的值。

0
0 Comments

AngularJS: Sum input values问题的出现原因是用户想要将输入框中的值相加,并将总和赋值给控制器中的变量。解决方法是使用ng-model指令为每个输入框添加数据绑定,并在控制器中使用$scope.total变量存储总和。

在给每个输入框添加ng-model指令后,总和将显示在输入框下方,该值将分配给控制器中的$scope.total变量,以便以后使用。

通过使用ng-change指令,在输入框的值发生变化时调用calculateTotal函数来计算总和。在calculateTotal函数中,将输入框的值相加,并将结果赋值给$scope.total变量。

此外,在HTML代码中,通过使用{{total}}将总和显示在页面上。

用户还提到了另一个问题,即如何将总和和其他输入框的值绑定在一起。解决方法是在保存数据之前,将总和的值添加到实体对象中。

最后,用户提到了如何将总和的值赋给控制器中的变量。在更新的代码中,用户可以直接使用$scope.total变量来使用总和的值。

整理后的文章如下:

用户想要使用AngularJS将输入框中的值相加,并将总和赋值给控制器中的变量。解决方法是使用ng-model指令为每个输入框添加数据绑定,并在控制器中使用$scope.total变量存储总和。

在代码中,首先需要将AngularJS库添加到HTML页面中。然后,创建一个名为'app'的AngularJS应用,并创建一个名为'myCtrl'的控制器。在控制器中,定义变量$scope.total、$scope.revenus、$scope.allocation和$scope.autres,并将它们的初始值设置为0。

接下来,在HTML代码中,使用ng-app指令将应用绑定到

元素上,并使用ng-controller指令将控制器绑定到

元素上。

为每个输入框添加样式类,并使用ng-model指令将输入框与控制器中的变量进行数据绑定。在每个输入框中,添加ng-change指令来调用calculateTotal函数,在值发生变化时计算总和。

在calculateTotal函数中,将输入框的值相加,并将结果赋值给$scope.total变量。在HTML代码中,使用{{total}}将总和显示在页面上。

另外,用户还提到了如何将总和的值与其他输入框的值绑定在一起。解决方法是在保存数据之前,将总和的值添加到实体对象中。

最后,用户提到了如何将总和的值赋给控制器中的变量。在更新的代码中,用户可以直接使用$scope.total变量来使用总和的值。

通过上述步骤,用户可以使用AngularJS将输入框中的值相加,并将总和赋值给控制器中的变量。

0