ng-submit无效

时间:2016-01-05 17:47:57

标签: javascript html angularjs

我有一个表格但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>

这是我的控制器

CONTROLLER

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

        alert('Hi');

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

    }

我查了一下:

  
    

功能在控制器内     我喜欢这个4小时,请帮助我。

  

2 个答案:

答案 0 :(得分:1)

您的模板似乎有错误,如果您的模板有错误,那么表单提交将不起作用

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

答案 1 :(得分:0)

在表单中,您可以使用:

ng-submit="CashbackUser()"

在你的控制器中:

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