AngularJS ng-repeat Math Pow

Question

AngularJS 菜鸟在这里。当用户在输入字段中输入数字时，我试图动态生成一个表，该表按顺序返回 10 行指数值。例如:

<div ng-controller='myController'>
<input type="text" ng-model="number">
<table>
<tr><th>Index</th><th>Number</th>
<tr ng-repeat='item in ebooks'><td>{{$index}}</td><td>{{ item.amt}}</td><td> {{ Math.pow(number, $index+1 }}</td>
<td>{{  Math.pow(number,$index+1) * item.amt   }}</td></tr>
</table>
</div>

在我的 Controller 中，我有一个数据集电子书。

app.controller('myController',function($scope) {
$scope.ebooks = [{amt:0.25},{amt:0.10},{amt:0.05},{item:0.02}];
});

我正在尝试生成表格，其中单元格编号将显示相应的指数数和将指数数与项目值相乘的另一列。我想我应该使用 Service 或 Factory，但我不知道什么是正确的方法。我想要的结果是:

 enter number = 5
 Item     Price   Number  Total
  1       0.25    5        1.25
  2       0.1     25        2.5
  3       0.05    125       3.25

在我的服务中，我尝试这样做:

app.service('MathService', function(){
this.Expo = function (a) {return Math(a, $index +1)};
});

但它不是那样工作的。

我在 Factory 中阅读了一些有关映射数组的其他教程，但无法理解。
我想我需要通过某种方式将 Expo 键添加到电子书数据集来在工厂中创建它，所以它看起来像这样 {item: value, expo:value}。

非常困惑和困惑。帮助!

Answer 1

只需使用 $filter相反，像这样:

.filter('mathPow', function(){
    return function(base, exponent){
        return Math.pow(base, exponent);
    }
})

您可以在您的 View 中像这样使用它:

<div ng-controller='myController'>
    <input type="text" ng-model="number">
    <table>
        <tr><th>Index</th><th>Number</th></tr>
        <tr ng-repeat='item in ebooks'>
            <td>{{$index}}</td>
            <td>{{ item.amt}}</td>
            <td>{{ number|mathPow:$index+1 }}</td>
            <td>{{ (number|mathPow:($index+1))*item.amt}}</td>
        </tr>
    </table>
</div>

Example