我正在创建一个模态对话框,并在对话框关闭时尝试读回字段,但是当编辑输入时,输入字段的ng-model被设置为undefined.使用
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>
模态对话框的控制器：
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的引用,但是我已经改变了我的代码以反映这一点并且它没有解决问题.
解决方法
您已在模态中的输入字段中声明输入类型=“电子邮件”
<input id="emailInput" type="email" class="form-control" ng-model="user.email">
如果根据电子邮件的数据,它将传递价值.像a@b.com
您可以检查数据是否包含有效电子邮件
HTML
<form name="myForm">
<input type="email" name="myEmail" model="myEmail" />
<span>Valid Email {{myForm.myInput.$valid}}
</form>
如果你想传递任何字符串,那么你必须使它键入=“text”.
