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>

现在，当用户更新输入时，它不会破坏另一个＆＃34; date＆＃34;引用，而只是更新foo引用的date属性。查看此快速视频以获取解释。 https://egghead.io/lessons/angularjs-the-dot

ng模型的问题

1 个答案: