Javascript 绑定到一个元素的模型到绑定到另一个元素的函数的角度传递
我需要将Javascript 绑定到一个元素的模型到绑定到另一个元素的函数的角度传递,javascript,jquery,angularjs,html,Javascript,Jquery,Angularjs,Html,我需要将input[type=“text”]元素中输入的值传递给绑定到另一个元素的函数calculate()。因此,每当输入字段中的值发生变化时,计算值应反映在结果中 如果有其他办法,请告诉我。谢谢 我的Html如下所示: <tr> <td>Points</td> <td ng-repeat="score in player.scores "> <input type="text" ng-value="{{sco
input[type=“text”]
元素中输入的值传递给绑定到另一个元素的函数calculate()
。因此,每当输入字段中的值发生变化时,计算值应反映在结果中
如果有其他办法,请告诉我。谢谢
我的Html如下所示:
<tr>
<td>Points</td>
<td ng-repeat="score in player.scores ">
<input type="text" ng-value="{{score.stroke}}" ng-model="???????"/>
</td>
</tr>
<tr>
<td>Result</td>
<td ng-repeat="param in cellParams >{{calculate(??????)}}</td>
</tr>
要点
结果
使用ng模型时,您不需要ng值
。。。所以我想这可能会奏效:
angular.module('app', []).controller('controller', function($scope) {
$scope.calculate = function() {
return $scope.result = parseInt($scope.stroke) + 1;
}
});
您可以使用。每当您的输入发生变化时,都会影响您的结果
关于ng keyup的示例:
在html中:
<div ng-app="app" ng-controller="ctrl">
<input type="text" ng-keyup="cal()" ng-model="num">
<div>{{ result }}</div>
</div>
希望对您有所帮助。我使用$watch()实现了这一点
从Alpesh的提示中得到了这个答案。使用“玩家分数”和“cellParams”的示例数据更新您的问题,您可以在ng型号的输入框中看到这些数据。从那只手表上,你可以发射calculate()。嗨,正如Alpesh Prajapati所说,我使用$watch()实现了这一点<代码>$scope.$watch('player',函数(newVal,oldVal){calculate(newValue)}
非常感谢Alpesh。
angular.module('app', []).controller('ctrl', function($scope){
$scope.cal = function()
{
return $scope.result = $scope.num + 1;
}
});
$scope.$watch('player', function(newVal, oldVal) {
calculate(newValue);
}