【发布时间】:2014-11-03 18:19:56
【问题描述】:
当它不在手风琴标签内时,以下表单可以正确使用验证,但是当它在手风琴标签内时,即使方法也不会触发。
HTML
<div ng-controller="myCtrl">
<form name="myForm" role="form" ng-submit='myAccount()' novalidate="novalidate">
<input type="text" name="myName" ng-model='myName' required>
<div ng-show="myForm.myName.$dirty && myForm.myName.$invalid || submitted">
<small class="error" ng-show="myForm.myName.$error.required">
Your Name is required
</small>
</div>
<div>
<button type="submit" ng-click="submitted = true">Add</button>
</div>
</form>
</div>
控制器
app.controller('myCtrl', ['$scope','$location', '$log', function($scope,$location,$log)
{
$scope.myAccount = function()
{
if($scope.myForm.$valid)
{
$log.log('Valid Form');
}
else
{
$log.log('Validation Failed');
}
}
}]);
我想在以下手风琴标签内使用上述表单,因为它应该在手风琴内可见。但问题是当我将它放在手风琴标签内时,ng-submit 将不起作用,它甚至不会给出任何错误。有解决方案吗?这是手风琴标签中的错误吗?
<accordion close-others="true">
<accordion-group>
<accordion-heading>
<!-- form html content goes here -->
</accordion-group>
</accordion>
【问题讨论】:
-
您可能不会再遇到这个问题了[但这里有一个可能对您有帮助的解释。][1] [1]:stackoverflow.com/a/24593154/3199310
标签: javascript html angularjs angularjs-scope angular-ui-bootstrap