如何在 RoR + AngularJS 应用程序中格式化货币输入

Question

对不起我的英语。

我需要更改输入值格式，例如：从“1000000”到“1 000 000 $”。

在我对 rails 应用程序的看法中，我有这行代码：

<%= ng_text_field('total_price', 'selected.data.total_price', 'Full price', ng_readonly: '!selected.permissions.update') %>

在助手中：

  def ng_text_field(name, ng_model, placeholder, options = {})
    result = <<-HTML
      <div class="form-group" ng-class='{"has-error":errors.#{name}}' #{options[:ng_if] && "ng-if=\"#{options[:ng_if]}\""}>
        <label for="#{name}" class="col-sm-3 control-label">#{placeholder}</label>
        <div class="col-sm-9">
          <input id="#{name}" 
                 type="text" 
                 class="form-control" 
                 name="#{name}" 
                 placeholder="#{placeholder}" 
                 ng-model="#{ng_model}"
                 #{options[:ng_readonly] && "ng-readonly=\"#{options[:ng_readonly]}\""}>
          <p class="help-block small" ng-if="errors.#{name}">{{errors.#{name} | join:',' }}</p>
        </div>
      </div>
    HTML
    result.html_safe
  end

我知道Angular很少，我尝试了一些方法，但所有这些方法都不正确。 :(

有人可以提供一些帮助的建议吗？提前谢谢你

Answer 1

您将需要创建一个需要 ngModel 的新指令并将适当的 $parser/$formatter 应用于它。

https://docs.angularjs.org/api/ng/type/ngModel.NgModelController#$解析器

如何执行此操作的一个很好的示例是（显示为大写但始终将数据存储为小写）：

ngModel Formatters and Parsers

然后您应该能够添加在 'options' 参数中包含其他指令的功能，以便将它们正确添加到输出中。

如何在 RoR + AngularJS 应用程序中格式化货币输入

How to format currency input in RoR + AngularJS app

ruby

ruby-on-rails

angularjs

rails-api

angularjs-directive