首页 > 解决方案 > 是否可以在 AngularJS 中调用函数并显示值

问题描述

我的 html 代码中有一个data-ng-repeat,是否可以在 {{}} 中显示数据,同时调用具有相同变量的函数?

<thead>
<tr>
  <th>Month</th>
  <th data-ng-repeat="column in columns" data-ng-show="channels.indexOf(column.field) > -1" ng-if="column.visible">{{ column.title }}</th>
  <th>Temperature (&deg;C)</th>
</tr>
</thead>
<tbody>
<tr data-ng-repeat="data in tableData">
  <th>{{ data.month }}</th>
  <td data-ng-repeat="column in columns" data-ng-show="channels.indexOf(column.field) > -1" ng-if="column.visible">{{ data[column.field] | formatNumber:2}}</td>
  <td>{{ data.temperature | formatNumber:1 }}</td>
</tr>

在这种情况下,我想data[column.field]在后端的另一个函数中使用。

标签: javascriptangularjs

解决方案


您可以使用从模板调用函数

<tr data-ng-repeat="data in tableData">
  <th>{{ data.month }}</th>
  <td data-ng-repeat="column in columns" data-ng-show="channels.indexOf(column.field) > -1" ng-if="column.visible">{{ data[column.field] | formatNumber:2}}</td>
  <td>{{ myfunction(data[column.field])}}{{ data.temperature | formatNumber:1 }}</td>
</tr>


推荐阅读