Javascript ng模型的问题

我有一个应用程序与3个标签每个标签加载自己的模板从外部文件。第一个选项卡中的ng模型未发送到第三个选项卡的问题

第一个文件：

<div class="row">
  <div class="span2 text-right">*Reported By:</div>
  <div class="span2"><input type="text" ng-model="date" required></div>
  <div class="span2 text-right">*Well Number:</div>
  <div class="span2">
    <select ng-model="well" required ng-change="wellFunc(well)" required>
      <option ng-selected>Well-01</option>
      <option>Well-02</option>
      <option>Well-03</option>
    </select>
  </div>
</div>

---

}))

我需要见你的主管确认一下，但你可能会破坏你的约会。在你的控制器中，我假设你有

$scope.date = "03/11/2014";

相反，做这样的事情

$scope.foo = { "date":"03/11/2014"}

并将您的html更新为

<input type="text" ng-model="foo.date" required>

---

现在，当用户更新输入时，它不会删除另一个“date”引用，而是只更新foo引用的date属性。查看此快速视频以获取解释

谢谢，这很有帮助。但我还有一个问题。在约会上我有一个约会选择者。当我在datepicker date中单击date时，不再发送，但如果我编辑输入值，则一切正常。这应该是一个单独的问题，这样可以使其他人受益。包括您的源代码和正在使用的日期选择器。不过，我的猜测是，datepicker不是角度指令，因此事件发生在角度世界之外，它不知道值的变化。这里是对$scope.$apply（）的解释，这可能也会有所帮助。

$scope.foo = { "date":"03/11/2014"}

<input type="text" ng-model="foo.date" required>