使用角度

时间:2016-01-19 17:26:24

标签: javascript ruby-on-rails angularjs

我在rails表单中使用角度客户端表单验证。但是,如果我在任何model中使用角度input field,那么这些字段看起来是空的,而不是正常预填充当前数据库数据。

这是一个带有角度误差验证的输入元素。此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或任何角度。表单只是一个普通的rails表单,我只使用angular进行表单验证。如何解决此问题?

更新

我添加了ng-app="editForm"并且它首先工作,甚至没有声明模块,它现在在服务器重启并要求模块后失败。所以我创建了一个模块,但现在控制台错误消失了,但表单再次没有预先填写表单数据。看起来像一个小故障..任何帮助

我正在使用"angular": "~1.4.8"通过凉亭

1 个答案:

答案 0 :(得分:1)

您需要在文档中的某处添加ng-app指令。

<body ng-app='someApp'>
  <!-- Other elements -->
  <div class="col-md-12">
  <!-- Other elements -->
</body>