AngularJS ng-submit Не работает внутри аккордеонных тегов

Question

Следующая форма работает корректно с проверками, когда она не находится внутри тегов аккордеона, но когда ее внутри аккордеонных меток даже методы не срабатывают.

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> 

Answer 1

$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 .. 

чек с этими двумя модификациями :) не уверен