Question

如何在angularjs Factory中检查文本框isEmpty？

我的HTML源

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="customersCtrl"> 
    <input type="text" ng-model="test">
</div>
</body>
</html>

Answer 1

＆＃13;

angular.module('myApp', [])
  .controller('customersCtrl', function($scope){
    $scope.changed = function(){
      if(!$scope.test){
        $scope.msg = 'empty';
      } else {
        $scope.msg = 'not empty';
      }
    }
  });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>


<div ng-app="myApp" ng-controller="customersCtrl"> 
   <input type="text" ng-model="test" ng-change="changed()"/>
    {{ test }} | {{ msg }}
 </div>

＆＃13;

Answer 2

var customersCtrl = function($scope,Validate){

    var isEmpty = Validate.isEmpty($scope.test);

    $scope.Validation = Validate;
    if(isEmpty){
        console.info('Textbox is empty');
    }else{
        console.info('Textbox is not empty');
    }
};


angular.module('myApp').controller('customersCtrl', customersCtrl);

var Validate = function() {

    var factory = {};

    factory.isEmpty = function(val){
        var result = false;
        if(!val){
            result =  true;
        }

        return result;
    };


    return factory;


};



angular.module('myApp').factory('Validate', Validate);

根据您的要求，这是Plunker。

Answer 3

在控制器中，您可以随时检查模型值。像

var app = angular.module('myApp', []);

app.controller('customersCtrl', function($scope) {

  if($scope.test == ""){
   // textbox is empty, do your stuff here
  }

});

Answer 4

额外的技巧！

你可以在角度表达上检查它。见下面这个例子！

var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope) {
    $scope.test = "";
});

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="customersCtrl"> 
    <input type="text" ng-model="test">
    <span ng-show="test.length == 0">
  is empty </span>
</div>

</body>
</html>

希望！

如何在angularJs Factory中检查文本框isEmpty？

4 个答案: