Angularjs 中的模态 - 仅在从一个字段模糊时更新第二个字段（附加 Plunker）

Question

我有以下 plunker http://plnkr.co/edit/wYzXkL2VEpJIYGv353tn?p=preview

如果您单击 Open Modal，您将看到 3 个输入字段。第一个是名为“选择状态”的自动完成输入框。第二个是名为“RestName”的下拉菜单，第三个是名为“名称”的输入字段

我想做以下事情。如果用户开始在“选择名称”的输入字段中输入“a”，则会弹出一个自动完成值。它弹出的值是'Alabama, Alaska, Arizona'

请注意。当用户键入“a”时，“姓名”输入字段会立即更新为“Rick”。就是因为这里有这个功能....

$scope.get_change = function(value) {
  $scope.selectedState = value;
  $scope.updatedName = 'rick';
}

我不想直接更新我们输入的水值，我只想在用户离开第一个输入框后更新“名称”值。即模糊或类似的东西。

我尝试使用一个指令，其中 ng-change 仅在用户模糊出第一个输入字段时发生。如果我们使用指令，更新工作正常。如果我使用此指令，自动完成功能将停止工作......

有人可以告诉我如何在用户退出第一个输入字段后更新“名称”，而不是在用户在第一个输入字段输入值时更新......

Answer 1

您应该考虑使用 ng-model-options。

<label>Name:
      <input type="text" name="userName"
             ng-model="user.name"
             ng-model-options="{ updateOn: 'blur' }"
             ng-keyup="cancel($event)" />
</label><br />

来源：https://docs.angularjs.org/api/ng/directive/ngModelOptions