Question

在AngularJS 1.4.7我遇到了以下问题，即除了有效时，表格不会被填充

<form name="myForm">    
    <input ng-model="FirstName" name="FirstName" ng-minlength="3">
</form>

在我的控制器中，我得到了，

angular.module('myApp',['$scope',function ($scope){
    $scope.frm={};
}]);

只有当字段有效时才会填充$ scope.frm {}我需要在任何情况下填充它

我该怎么做？

由于

Answer 1

angular.module('myApp',['$scope',function ($scope){
    $scope.frm={};
}]);

以上代码无效。您必须定义角度module并将控制器绑定到它。

在控制器中，您可以使用object.property绑定frm来形成。

例如。 $scope.frm.FirstName。

只有在字段填充时才会填充$ scope.frm {} 是有效的我无论如何都需要填充它

仅$scope.frm.FirstName填充字段的原因有效，因为使用ng-minlength

要在任何情况下使用$scope.frm，您可以删除ng-minlength并检查表单提交的长度。

angular.module('myApp', []).controller("MyCtrl", ['$scope',
  function($scope) {
    $scope.frm = {};
    $scope.frm.FirstName = '';
    $scope.frm.validateSubmit = function() {
      if ($scope.frm.FirstName.length < 4) {
        snippet.log('please enter atleast three character');
        return false;
      }
      //Do something if data is valid
    }
  }
]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>
<form ng-app="myApp" name="myForm" ng-controller="MyCtrl">
  <input ng-model="frm.FirstName" name="FirstName">
  <button ng-click="frm.validateSubmit()">Submit</button>
</form>

AngularJS强制数组填充

1 个答案: