轨道编辑表单无法正常工作

Rails edit form not working properly with angular

本文关键字：工作 常工作 编辑 表单 轨道      更新时间：2023-09-26

我在我的rails表单中使用角度客户端表单验证。但是，如果我在任何input field中使用角度model，则字段看起来为空，并且不会像往常一样预填充当前数据库数据。

这是一个具有角度误差验证的输入元素。此field未预先填充数据库中已有的listing_name数据

<div class="col-md-12">
  <div class="form-group">
    <%= f.label :listing_name %><br/>
    <%= f.text_field :listing_name, placeholder: "Make it short and catchy", "ng-model" => "editRoom.listing_name", "ng-required": true, "ng-minlength": 2, class: "form-control input-lg" %>
  </div>
  <p class="error validation-error" ng-show="editRoom['room[listing_name]'].$invalid && editRoom['room[listing_name]'].$touched">
    This field is required
  </p>
</div>

但是，如果我从输入字段中删除ng-model，它会按预期工作。我没有任何controller或任何角度的东西。该表单只是一个普通的轨道形式，我只使用角度进行表单验证。在这种情况下如何解决此问题？

更新

我添加了ng-app="editForm"，它首先工作，甚至没有声明模块，现在在服务器重新启动并请求模块后它失败了。所以我创建了一个模块，但现在控制台错误消失了，但表单再次没有预填充表单数据。任何帮助

我正在通过鲍尔使用"angular": "~1.4.8"

您需要

在文档中的某个位置添加ng-app指令。

<body ng-app='someApp'>
  <!-- Other elements -->
  <div class="col-md-12">
  <!-- Other elements -->
</body>
相关文章：