angularjs - Angular ng-model 在编辑时被设置为 undefined

Question

我正在创建一个模态对话框并尝试在对话框关闭时读回字段，但是当输入被编辑时，输入字段的 ng-model 被设置为未定义。与 Plunk , 如果您单击对话框按钮，然后在不修改文本字段的情况下按确定，则会显示“blah”。但是，如果您完全修改文本输入，则不会显示任何内容。

对话框模板是:

  <script type="text/ng-template" id="simpleModal.html">
    <div class="modal-header">
      <h3 class="modal-title">Simple Modal</h3>
    </div>
    <div class="modal-body">
      <div class="form-group">
        <label for="emailInput">Email</label>
        <input id="emailInput" type="email" class="form-control" ng-model="user.email">
      </div>
    </div>
    <div class="modal-footer">
      <button class="btn" type="button" ng-click="ok()">Ok</button>
    </div>
  </script>

以及模态对话框的 Controller :

app.controller('SimpleModalController', function($scope, $uibModalInstance, $log) {

  $scope.user = {
    email: "blah"
  };

  $scope.ok = function() {
    $log.debug('simpleModal ok called ' + $scope.user.email);
    $uibModalInstance.close($scope.user.email);
  };

});

我看过对 https://stackoverflow.com/a/22768720/552936 的引用，但我已经更改了我的代码以反射(reflect)这一点，但并没有解决问题。

Answer 1

您已声明输入 type="email"在模态的输入字段中

<input id="emailInput" type="email" class="form-control" ng-model="user.email">

如果数据根据 email ，它将传递值。喜欢 a@b.com
您可以检查数据是否具有有效的电子邮件

HTML

<form name="myForm">
  <input type="email" name="myEmail" model="myEmail" />
  <span>Valid Email {{myForm.myInput.$valid}}
</form>

PLUNKR

如果你想传递任何字符串，那么你必须让它 type="text" .