ruby-on-rails - 如何将angularjs属性放入rails erb

Question

我有一个看起来像这样的 Rails 表单:

<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
  <%= devise_error_messages! %>


  <div><%= f.label :email %><br />
  <%= f.text_field :email %></div>


  <div><%= f.label :password %><br />
  <%= f.text_field :password %></div>

  <div><%= f.label :current_password %> <i>(we need your current password to confirm your changes)</i><br />
    <%= f.password_field :current_password, autocomplete: "off" %></div>


  <div><%= f.submit "Update" %></div>
<% end %>

但是，我想将电子邮件文本字段绑定(bind)到 AngularJS 模型，以便电子邮件表单输入的值始终绑定(bind)到 $scope 变量。在纯 HTML 中，它看起来像这样:

<input name="email" ng-model="myValue"></input>

但是，由于它是 erb 而不是纯 html，我不确定如何将 Angular 数据与其关联。

如何将 ng-model 属性连接到 Rails 中的 erb 表单？

Answer 1

您应该在输入的数据属性中传递 Angular 属性，如下所示:

<%= f.text_field :email, data: { 'ng-model' => 'myValue' } %>

这将添加带有 data- 前缀的 angular 属性。