如何将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 %>

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

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

然而，由于它是erb而不是纯html，我不知道如何将角度数据与之联系起来

如何将ng模型属性连接到rails中的erb形式？

Answer 1

您应该在输入的数据属性中传递角度属性，如下所示：

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

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