ng-model 的问题

Question

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

第一个文件：

<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>

第二：

<table class="table table-hover table-striped">
  <tr>
    <th><strong>General Information:</strong></th>
  </tr>
  <tr>
    <td  ng-model="date"></td>
  </tr>
</table>

我也用了ui-router，可能是路由器有问题？

var myApp = angular.module('myApp', ["ui.router"])
myApp.config(function($stateProvider, $urlRouterProvider){
$urlRouterProvider.otherwise("/re");
$stateProvider
.state('re', {
  url: "/re",
  templateUrl: "template/general.html"
})
.state('ro', {
  url: "/ro",
  templateUrl: "template/corrective.html"
})
.state('ri', {
  url: "/ri",
  templateUrl: "template/result.html"
})

});

Answer 1

我需要查看您的控制器以确认，但您可能会破坏您的约会。在您的控制器中，我假设您有类似

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

相反，做这样的事情

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

并将您的 html 更新为

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

现在，当用户更新输入时，它不会破坏其他“日期”引用，而只是更新 foo 引用的日期属性。查看此快速视频以获取说明。 https://egghead.io/lessons/angularjs-the-dot