从angularjs获取表单输入值

时间:2019-03-22 06:32:35

标签: angularjs laravel

我正在使用Angularjs提交表单,然后将值传递给我的laravel函数。

这是我的HTML代码

<form class="form-horizontal" method="post" name='form' novalidate ng-submit="submit()" ng-controller="syncApiCtrl">
  <div class="col-lg-10">
    <div class="input-group">
      <input type="text" class="form-control" id="name" name="name" placeholder="Your_name">
    </div>
  </div>

  <div class="form-group">
     <div class="col-lg-10 col-lg-offset-2">
         <input type="submit" name="sale" value="Sync Sale" class="btn btn-primary"></input>
         <input type="submit" novalidate ng-click="sync_product(record)" name="product" value="Sync Product" class="btn btn-primary"></input>
       </div>
   </div>
</form>

这是我的JS

$scope.submit = function () {
    //$scope.form.$submitted = true;
    // proceed if form valid
    if ($scope.form.$valid) {
        // is loading
        $scope.loading = true;
        // prepare data packet
        var data = {};
        angular.forEach($scope.form, function (v, k) {
            if (k.indexOf('$') < 0 && typeof v.$dirty !== 'undefined' && v.$dirty) {
                data[k] = v.$modelValue;
            }
        });
    }
};

这是我的laravel函数

public function sync_sale() {   
    $name= preg_replace('/[^A-Za-z0-9\_]/', '', Input::get('name'));
    Debugbar::info($name);
}

用户提交表单后,我的laravel函数始终无法获取值。

1 个答案:

答案 0 :(得分:1)

您应该将输入绑定到ng模型。这个正在工作。您应该在angularJs中使用数据绑定方法。

<input type="text" class="form-control" id="name" name="name" placeholder="Your_name" ng-model="name">