ng-submit不起作用

Question

我有一個表格但是NG SBMIT無法調用該功能

我不明白為什么這個表格不提交。 我已經檢查了所有東西，但它甚至都沒有調用警報按鈕

的HTML

 <form role="form" name="frmCashback" method="post" ng-submit="CashbackUser(frmCashback, Rates)">
                     <!-- Personal Details Start -->
                     <div class="well">
                        <legend> Cashback Details </legend>
                        <div class="row">
                           <div class="col-md-4">
                              <div class="form-group">
                                 <label for="Store">Store:</label>
                                 <select name="Store" class="form-control" ng-model="Rates.Store" ng-options="stores.StoreID as stores.StoreName for stores in StoreList"  >
                                    <option value="">Select</option>
                                 </select>
                              </div>
                           </div>
                           <div class="col-md-4">
                              <div class="form-group">
                                 <label for="Store">Category:</label>                           
                                 <select name="Category" class="form-control" ng-model="Rates.Category" ng-options="Cate.CategoryID as Cate.CategoryName for Cate in CategoryList"  >
                                    <option value="">Select</option>
                                 </select>
                              </div>
                              <!-- Modal -->
                              <!---------Model End-------->
                           </div>
                           <div class="col-md-4">
                              <div class="form-group">
                                 <label for="usr">Cash Back Rate:</label>
                                 <input type="text" class="form-control" name="Cashback" id="Cashback" ng-model="Rates.Cashback" required>
                              </div>
                           </div>
                        </div>
                        <!---------Model End-------->
                     </div>
               </div>
               <div class="row">                        
               <div class="col-md-12">                                
               <button class="btn btn-primary" type="submit">Add Cashback</button>
               </div>
               </div>
            </div>
            <!-- Personal Details End -->
            </form>

這是我的控制器

控制器

$scope.CashbackUser = function(frm, Rates) {

        alert('Hi');

        //query_params.Status = CheckStatus.Action;
        //console.log(Rates);   

    }

我有支票：

功能是在控制器內，我為此工作了4個小時，對我有幫助。

Answer 1

您的模板似乎有錯誤，如果您的模板有錯誤，表單提交將無法正常工作

<!---------Model End-------->
</div>
</div>

Answer 2

在您的表單中，可以使用以下命令：

ng-submit="CashbackUser()"

在您的控制器中：

$scope.CashbackUser = function(){ 
 console.log($scope.frmCashback);
 console.log($scope.Rates);
}