Angularjs Ui网格将小数转换为百分比_Angularjs_Angular Ui Grid_Ui Grid

Angularjs Ui网格将小数转换为百分比

angularjs

Angularjs Ui网格将小数转换为百分比,angularjs,angular-ui-grid,ui-grid,Angularjs,Angular Ui Grid,Ui Grid,我目前正在尝试显示一个网格，用于显示多年来股票投资组合的月度回报当前数据显示为小数点到最接近的百分之一百，如何将小数点转换为百分比到最接近的百分之十代码：感谢您的帮助您可以创建一个自定义筛选器，将数字转换为如下百分比： .filter('percentage_filter', function($filter) { return function(input) { if (undefined === input || null === input) { retur

我目前正在尝试显示一个网格，用于显示多年来股票投资组合的月度回报

当前数据显示为小数点到最接近的百分之一百，如何将小数点转换为百分比到最接近的百分之十

代码：

感谢您的帮助

您可以创建一个自定义筛选器，将数字转换为如下百分比：

.filter('percentage_filter', function($filter) {
  return function(input) {

    if (undefined === input || null === input) {
      return "";
    }

    var output = (input * 100).toFixed(0).replace(".", ",");

    return output;
  };
});

如果输入未定义或为空，则可以返回任何内容，如文本。如果要将输出转换为整数，则不需要在输出中替换

这里有一个JSIDLE:

请给我一个你想转换成百分比的数字的例子？目前单元格看起来像0.09或-0.03。我想把它转换成9%或-3%。好的，谢谢，这是我以为你想要做的。请看我的答案是否符合你的需要。对不起，我对angular还是有点陌生，我更新了帖子以复制整个代码，你能告诉我你将把自定义过滤器放在哪里吗？此外，当前如果数字为负数，则应为红色，过滤器是否会影响此设置？谢谢目前过滤器不会影响输出的颜色。让我看看你最新的问题，几分钟后再回复你。你知道你的代码中有太多未知因素和东西，我可能无法进一步帮助你。你可以在某个地方读到如何在AngularJS中包含一个过滤器，然后从那里继续。好的，非常感谢你的帮助。所以我肯定只需要找出控制器中的哪个位置来正确放置过滤器？没问题，对不起，我无法进一步帮助您。但我可以这么说。您没有将过滤器放在控制器中，但在我的示例中，它是一个单独的代码块。我不确定您是如何构造代码的，但它甚至可以放在单独的文件中，然后您只需将其包含在index.html等文件中。

<html>
  <div class="jumbotron text-center">
    <h1> Returns </h1>


    <form class="form-inline">
      <label for="singleSelectFund">Portfolio:</label>
      <select name="singleSelectFund" id="singleSelectFund" ng-model="data.fund" required>
        <option value="">---Please select---</option>
        <option ng-repeat="option in items" value="{{option.id}}">{{option.name}}</option>
      </select>

      <label for="singleSelectBenchmark">Benchmark:</label>
      <select name="singleSelectBenchmark" id="singleSelectBenchmark" ng-model="data.benchmark" required>
        <option value="">---Please select---</option>
        <option ng-repeat="option in benchmarks" value="{{option.code}}">{{option.name}}</option>
      </select><br>

         <button type="submit" class="btn btn-primary" ng-click="calculate()">Calculate</button>
    </form>

    <div id="grid1" ui-grid="gridOptions" class="grid"></div>


  </div>
</html>

.grid .ui-grid-row .black {
  color: black;
}

.grid .ui-grid-row .red {
  color: red;
}

.filter('percentage_filter', function($filter) {
  return function(input) {

    if (undefined === input || null === input) {
      return "";
    }

    var output = (input * 100).toFixed(0).replace(".", ",");

    return output;
  };
});