angular - 将绑定到元素的ngmodel传递给绑定到另一个元素的函数

时间:2016-04-18 10:16:44

标签: javascript jquery angularjs html5

我需要将在input[type="text"]元素中输入的值传递给绑定到另一个元素的函数calculate()。因此,只要输入字段中的值发生更改,计算出的值就会反映在Result中。

如果可以通过其他任何方式完成,请告诉我。赞赏。

我的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>

3 个答案:

答案 0 :(得分:0)

使用import static org.lwjgl.opengl.GL30.*时,您不需要ng-value ...所以我想这可能会有效:

ng-model

JsFiddle

答案 1 :(得分:0)

您可以使用ng-keyup。每当您的输入发生变化时,它都会影响您的结果。

关于ng-keyup的一个例子:

在html中:

<div ng-app="app" ng-controller="ctrl">
    <input type="text" ng-keyup="cal()" ng-model="num">
    <div>{{ result }}</div>
</div>

在控制器中:

angular.module('app', []).controller('ctrl', function($scope){
    $scope.cal = function()
    {
        return $scope.result = $scope.num + 1;
    }
});

Code

希望得到这个帮助。

答案 2 :(得分:0)

我使用$ watch()实现了这个目标。

$scope.$watch('player', function(newVal, oldVal) { 
      calculate(newValue);
} 

从Alpesh的提示中得到了这个答案。