Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 绑定范围对象上的Angularjs数学_Javascript_Angularjs - Fatal编程技术网

Javascript 绑定范围对象上的Angularjs数学

Javascript 绑定范围对象上的Angularjs数学,javascript,angularjs,Javascript,Angularjs,我试图在控制器中的绑定范围对象上运行基本的数学函数。视图是一系列滑块,需要根据几个不同滑块的用户输入做出反应。我似乎无法在前端获得实时更新的值 这是我对这些值的“计算” $scope.mainSlide = { assets: ($scope.slide1.assets * $scope.slide2.assets / .1), roa: ($scope.slide1.roa * $scope.slide2.roa / .1) }; 我有点困惑,为什么计算值没有在前端绑定 任何

我试图在控制器中的绑定范围对象上运行基本的数学函数。视图是一系列滑块,需要根据几个不同滑块的用户输入做出反应。我似乎无法在前端获得实时更新的值

这是我对这些值的“计算”

$scope.mainSlide = {
    assets: ($scope.slide1.assets * $scope.slide2.assets / .1),
    roa: ($scope.slide1.roa * $scope.slide2.roa / .1)
};
我有点困惑,为什么计算值没有在前端绑定


任何帮助或指导都将不胜感激

对于
$scope
上的计算属性,您可以使用
$scope.$watch
在值更改时重新计算并设置新值(例如,在更改时设置主幻灯片的值)。您还可以将mainSlide的计算值设置为函数,它们将自动更新:

就你而言:

$scope.mainSlide = {
  assets: function() { return ($scope.slide1.assets * $scope.slide2.assets / .1);},
  roa: function() { return ($scope.slide1.roa * $scope.slide2.roa / .1);}
};
要在视图中使用它们,请执行以下操作:

Assets: {{mainSlide.assets()}}
Roa: {{mainSlide.roa()}}
函数方法的示例:


$watch方法示例:对于
$scope
上的计算属性,可以使用
$scope.$watch
在值更改时重新计算并设置新值(例如,watch slide1和slide2,更改时设置mainsile的值)。您还可以将mainSlide的计算值设置为函数,它们将自动更新:

就你而言:

$scope.mainSlide = {
  assets: function() { return ($scope.slide1.assets * $scope.slide2.assets / .1);},
  roa: function() { return ($scope.slide1.roa * $scope.slide2.roa / .1);}
};
要在视图中使用它们,请执行以下操作:

Assets: {{mainSlide.assets()}}
Roa: {{mainSlide.roa()}}
函数方法的示例:


示例Plunker for$watch method:

您到底想实现什么?@Phill试图让mainSlide在视图上更新为slide1.assets中的值。。。等改变。它应该计算值,并输出到不同的范围滑块,有点像一个活动的图形。你到底想实现什么?@Phill试图让mainSlide在视图上更新为slide1中的值。资源。。。等改变。它应该计算值,并输出到不同的范围滑块,有点像一个实时图形。这非常有效。但是(我没有包括的东西),如何将其应用到视图上的ng模型属性?在这种情况下,我只使用$watch方法。更新答案,添加示例Plunker。非常感谢,效果非常好。我想我需要了解更多有关$watch方法的信息。是否有可能包括一种以另一种方式绑定的方法,以便mainsile.assets和mainsile.roa数字与其他值连接起来?我在这里开始了另一个问题:这很有效。但是(我没有包括的东西),如何将其应用到视图上的ng模型属性?在这种情况下,我只使用$watch方法。更新答案,添加示例Plunker。非常感谢,效果非常好。我想我需要了解更多有关$watch方法的信息。是否有可能包括一种以另一种方式绑定的方法,以便mainsile.assets和mainsile.roa数字与其他值连接起来?我在这里开始了另一个问题: