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

Question

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

如果您点击“打开模式”，您将看到 3 个输入字段。第一个是名为 'Select State' 的自动完成输入框。第二个是名为 'RestName' 的下拉列表，第三个是名为 'Name'

的输入字段

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

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

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

我不想直接更新我们输入的任何值，而是希望仅在用户离开第一个输入框后更新 'Name' 值。即模糊或类似的东西。

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

谁能告诉我如何在用户退出第一个输入字段后更新 'Name'，而不是在用户在第一个输入字段中输入值时更新......

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

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

Modal in Angularjs- Update 2nd field only when blurred out from one field (Plunker attached)

html

javascript

modal-dialog

blur

angularjs