簡體   English   中英

AngularJS ng-submit在手風琴標簽中不起作用

[英]AngularJS ng-submit Not working inside accordion tags

當它不在手風琴標簽內,但當它在手風琴標簽內時,以下形式甚至可以正確使用驗證,即使該方法也不會觸發。

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>
$scope.pho.myAccount = function()
{
    if($scope.myForm.$valid)
    {
        $log.log('Valid Form');
    }
    else
    {
        $log.log('Validation Failed');
    }
}

<form name="myForm" role="form" ng-submit='pho.myAccount()' nov ..

檢查這兩個修改:)不確定

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM