用数学设置Ng模型数据

Question

我对AngularJS有问题。在我的表单中，我有几个输入。我必须对数据做一些数学计算，然后保存它。但是因为我使用Angularfire，我不得不将结果分配给ng模型，这就是我卡住的地方。我怎样才能做到这一点？

这里是我的代码：

<label>First</label> 
    <input name="firstmatch" ng-model="project.firstmatch"> 

    <label>Second</label> 
    <input name="secondmatch" ng-model="project.secondmatch"> 

    <label>Third</label> 
    <input name="thirdmatch" ng-model="project.thirdmatch"> 

    <label>Fourth</label> 
    <input name="fourth" ng-model="project.fourthmatch"> 

    <label>Fifth</label> 
    <input name="fifthmatch" ng-model="project.fifthmatch"> 

    <!-- The math part--> 
<textarea name="points" ng-model="project.points"> {{ project.firstmatch--project.secondmatch--project.thirdmatch--project.fourthmatch--project.fifthmatch }} </textarea> 

谢谢！

Answer 1

为什么你在textarea中打印结果？ Textareas默认不接受代码。只要尝试在div或跨度上打印结果。

如果您以任何方式希望结果是可编辑的，则将其打印在另一个输入中，而不要在其中进行计算。执行逻辑控制器，就像这样：

<label>First</label> 
    <input name="firstmatch" ng-model="project.firstmatch"> 

<label>Second</label> 
    <input name="secondmatch" ng-model="project.secondmatch"> 

<label>Third</label> 
    <input name="thirdmatch" ng-model="project.thirdmatch"> 

<label>Fourth</label> 
    <input name="fourth" ng-model="project.fourthmatch"> 

<label>Fifth</label> 
    <input name="fifthmatch" ng-model="project.fifthmatch"> 

<!-- The math part--> 
<input type="text" name="points" ng-model="project.points" /> 

，比控制器写：

$scope.project.points = $scope.project.firstmatch - $scope.project.secondmatch - $scope.project.thirdmatch - $scope.project.fourthmatch - $scope.project.fifthmatch;