Javascript 并非所有属性都绑定到ng模型

我正在构建的应用程序中有一个表单，允许用户提交姓名和电子邮件。此表单在两个选项卡上重复（在同一页上）。以下是基本形式：

<form class="user-submit-form" ng-submit="userSubmit(user)" ng-hide="userSubmitted">
  <h4><strong>FOR THE CHANCE TO HAVE YOUR STORY DRAWN, TELL US YOUR NAME AND CONTACT METHOD.</strong></h4>
  <span>Entries limited to one caption per cartoon per person.</span>
  <br>
  <input type="text" title="Name required" ng-model="user.name" size="32" placeholder="Name" required>
  <input type="email" title="Email required" ng-model="user.email" size="32" placeholder="E-mail Address" required>
  <br>
  <input type="checkbox" title="Must agree to Terms & Conditions" class="terms" 
         required><span>I have read and accept the Terms & Conditions</span>
  <br>
  <input class="user-submit-stories user-submit" type="image" src="images/submit_name.png">
</form>

请告诉我们您的姓名和联系方式，以便有机会绘制您的故事。
参赛作品每人每幅漫画只能有一个标题。




我已阅读并接受条款和条件

当我更改user.name属性时，两个表单都会更新该值。但是，当我更新user.email属性时，其他表单的值不会更新。我还注意到，当我试图在相关控制器中显式定义模型的属性时，user.email的表单中没有进行更改

---

是什么原因导致一个属性被正确绑定，而另一个属性没有被正确绑定？

表单是否在两个不同的控制器中？还是父子控制器？有一个父控制器BaseCtrl，然后有两个子控制器CaptionCtrl和StoriesCtrl。这两种形式分别在两个子控制器的范围内。用户最初在BaseCtrl中定义为空对象$scope.User={}；非常有趣。。。我想你可以在一个Plunkr中重新编程——我猜控制器的关系在某个地方断开了，没有代码很难说AngularJS不会绑定到模型，除非值是有效的。你的问题与此类似-@RyanB，我也不知道。我试着找，但也找不到。我通过测试行为和阅读代码来了解这一点。我认为代码是最好的文档。