时间戳

首页 > 解决方案 > 如何在 RoR + AngularJS 应用程序中格式化货币输入

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

问题描述

对不起我的英语不好。

我需要更改输入值格式，例如：从“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 知之甚少，我尝试了一些方法，但所有这些方法都是不正确的。:(

任何人都可以提供一些帮助的建议吗？先感谢您

标签： ruby-on-railsangularjsrubyangularjs-directiverails-api

解决方案

您将需要创建一个新指令，该指令需要 ngModel 并对其应用适当的 $parser/$formatter。

https://docs.angularjs.org/api/ng/type/ngModel.NgModelController# $parsers

如何做到这一点的一个很好的例子是（显示为大写，但始终将数据存储为小写）：

ngModel 格式化程序和解析器

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

推荐阅读