点击页面

Question

我有一个输入字段

<div class="inputs">
      <label>Online Payment ID</label>
      <input type="text" class="form-control" ng-model="payId">
</div>

我有一个按钮，在页面中的某个位置说

 <button type="button" class="btn" ng-click="proceedPayment()" ></button>

现在单击proceedPayment()将被调用，从那里我需要检查上面文本fild中输入的值使用

我试过了，

 $scope.proceedPayment = function () {
      alert($scope.payId); // Always alerts undefined
     if (!$scope.payId) {
                 $scope.payIdError = true;
                 console.log('No value entered');
            } else {
                 $scope.payIdError = false;
                 console.log('value entered');
            }
 }

但这不起作用 我不想在这里使用表格。我是一个有角度的初学者，谢谢你的帮助！

Answer 1

您可以直接使用包含用户输入值的$scope.payId

<强> DEMO

Answer 2

您可以使用对象

$scope.pay = {payId:null};


if($scope.pay.payId == null) {
   console.log("Value not entered");
} else {
      console.log("Value entered");
  }