首页 \ 问答 \ AngularJS - 在控制器中的ng-repeat undefined内部形成(AngularJS - form inside ng-repeat undefined in controller)

AngularJS - 在控制器中的ng-repeat undefined内部形成(AngularJS - form inside ng-repeat undefined in controller)

 我正在尝试访问控制器中的表单对象。 表格位于ng-repeat块内，它有动态名称，我应该能够从v1.3开始访问它。  
 JS：  
var app = angular.module('app', []);
app.controller('AppCtrl', ['$scope', function($scope) {
  $scope.forms = [0];
  $scope.testForm = function() {
    if($scope.form0 == undefined) {
      $scope.test = 'Form is NOT defined';
    } else {
      $scope.test = 'Form is defined';
    }
  }
}])
 
 HTML：  
<body ng-app="app">
  <div ng-controller="AppCtrl">
    <div ng-repeat="form in forms" ng-init="formName = 'form' + $index">
      form name should be {{formName}}
      <form name="{{formName}}">
        <input type="text" name="field" />
      </form>
    </div>
  <button ng-click="testForm()">Check if form exists</button>
  <p ng-bind="test"></p>
  </div>
</body>
 
 但在我的控制器中$ scope.form0未定义 - 单击“检查表单是否存在”后，我收到“表单未定义”消息。 即使我给它一个静态名称（ <form name="form0"> ），我仍然保持未定义。 当我从ng-repeat循环中取出表格时，它工作正常。  
 知道为什么没有设置？  
 上面的示例： https ： //plnkr.co/edit/Fvy5LdIO0H1vCS9wYR0U？p = preview  
 提前致谢！ 

I'm trying to access form object in my controller. Form lies inside ng-repeat block it has got its dynamic name and I should be able to access it since v1.3. 
js: 
var app = angular.module('app', []);
app.controller('AppCtrl', ['$scope', function($scope) {
  $scope.forms = [0];
  $scope.testForm = function() {
    if($scope.form0 == undefined) {
      $scope.test = 'Form is NOT defined';
    } else {
      $scope.test = 'Form is defined';
    }
  }
}])
 
html:  
<body ng-app="app">
  <div ng-controller="AppCtrl">
    <div ng-repeat="form in forms" ng-init="formName = 'form' + $index">
      form name should be {{formName}}
      <form name="{{formName}}">
        <input type="text" name="field" />
      </form>
    </div>
  <button ng-click="testForm()">Check if form exists</button>
  <p ng-bind="test"></p>
  </div>
</body>
 
But in my controller $scope.form0 is undefined - after clicking "Check if form exists" I get "Form is NOT defined" message. Even if I give it a static name (<form name="form0">) I still keep getting undefined. When I take form out of the ng-repeat loop, it works fine. 
Any idea why it is not set? 
The example above: https://plnkr.co/edit/Fvy5LdIO0H1vCS9wYR0U?p=preview 
Thanks in advance!

原文：https://stackoverflow.com/questions/38908056

更新时间：2022-03-10 22:03

最满意答案

 很简单，你只需要添加  
excluded: [':disabled'],
 
 进入验证初始化。  
 例：  
    $('#emailForm').bootstrapValidator({
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        excluded: [':disabled'],
        fields: {
            email: {
                validators: {
                    emailAddress: {
                        message: 'The value is not a valid email address'
                    }
                }
            }
        }
    });

It is simple, you just only need to add 
excluded: [':disabled'],
 
Into validation init.  
Example: 
    $('#emailForm').bootstrapValidator({
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        excluded: [':disabled'],
        fields: {
            email: {
                validators: {
                    emailAddress: {
                        message: 'The value is not a valid email address'
                    }
                }
            }
        }
    });

AngularJS - 在控制器中的ng-repeat undefined内部形成(AngularJS - form inside ng-repeat undefined in controller)

最满意答案

相关问答

是否有Bootstrap HTML的验证器？(Is there a validator for Bootstrap HTML?)[2022-03-19]

Bootstrap验证器为模式不重置窗体(Bootstrap validator for modal doesnt reset Form)[2023-11-07]

1000hz bootstrap-validator resetForm验证结果(1000hz bootstrap-validator resetForm Validation results)[2023-12-19]

Bootstrap验证器resetForm(Bootstrap validator resetForm)[2023-08-05]

Jquery Validate resetForm不会清除错误消息(Jquery Validate resetForm does not clear error messages)[2022-11-08]

Bootstrap验证器。(Bootstrap validator. Regex no space)[2023-10-18]

jquery验证插件 - resetForm（）(jquery validation plugin - resetForm())[2021-06-13]

JQuery验证resetForm不起作用(JQuery validation resetForm is not working)[2022-10-16]

Bootstrap验证器输入问题(Bootstrap Validator Input Issue)[2021-03-19]

相关文章

最新问答