NG-model 未定义多种方式无法从文本框获取文本

ng-model is undefined multiple ways can't get text from textbox

本文关键字：文本 获取 取文本 未定义 方式无 NG-model      更新时间：2023-09-26

我已经尝试了几种方法，但我似乎无法阅读我的ng模型。警报始终以未定义的形式返回：

<div class="col-lg-4">
    <div class="form-group">
            <label for="pincode">Pin Code</label>
            <input type="email" style="width:550px" ng-model="pincode1" class="form-control" placeholder="Enter Pin">
        </div>
         <a ng-click="adminCheck(pincode1)" style="width:550px" class="xpad btn btn-block btn-success">Login</a><br />
        </div>

.JS：

$scope.adminCheck = function(pin) {
    alert(pin);
    if ($scope.pincode1 == "4444") {
        alert("sorted");
    } else {
        $state.go($state.current.name, {}, {
            reload: true
        })
    }
}

我也试过：

$scope.adminCheck = function(pin) {
    alert($scope.pincode1);
    if ($scope.pincode1 == "4444") {
        alert("sorted");
    } else {
        $state.go($state.current.name, {}, {
            reload: true
        })
    }
}

如果您使用type email则需要输入有效的电子邮件地址，则范围变量(pincode1)不在scope（undefined）中，直到您添加有效的电子邮件地址

输入有效的电子邮件地址，如 xx@gmail.com ，您的代码将按预期工作。

要澄清更多内容，只需输入{{ pincode1 }}并检查您的输入模型值是否绑定到此处，您将看到{{ pincode1 }}在文本框中输入有效的电子邮件地址之前不会打印任何内容。

这是演示 Plunker（检查有效和无效的电子邮件地址。

在执行任何操作之前检查表单的有效性 - 提交，路由等

改变

<div class="form-group">

自

<form class="form-group"  name="myform">

（并正确关闭相应的标签）

在控制器中，检查表单的有效性。此处，仅当用户输入有效的电子邮件地址时，表单才有效

if($scope.myform.$valid){
//do your logic here
}
相关文章：