具有预定义值AngularJs的表单

时间:2016-02-19 13:28:13

标签: html angularjs

我正在使用AngularJs并拥有来自ng-repeat的预定义值的输入。我想通过ng-click函数重新发送这些数据值来处理数据。

未提交数据的问题

<label>Price</label>
<input type="text" class="form-group form-control" ng-value=s.prix required="required" ng-model="prix"  >
</div>
<div class="modal-footer">
<button type="submit" id='submit' ng-click="edit()" class="btn btn-primary"  data-dismiss="modal">Save</button>
如果您知道我的意思,

s.prix是表prix (ng-repeat="s in produit")中的列值。

2 个答案:

答案 0 :(得分:0)

使用ng-repeat代替模型

喜欢这个

<input type="text" class="form-group form-control" required="required" ng-model="s.prix"  >

然后在编辑中传递对象。

试试这个

ng-click="edit(s)"

JS

$scope.edit=function(s){
  console.log(s);
}

答案 1 :(得分:0)

<强> HTML:

<body ng-controller="myCtrl">

<label>Price</label>
<div ng-repeat="s in produit">
<input type="text" class="form-group form-control" required="required" ng-model="s.prix"  >
<button type="submit" id='submit' ng-click="edit(s)" class="btn btn-primary"  data-dismiss="modal">Save</button>
</div>

</body>

<强>控制器:

myApp.controller('produitCtrl', ['$scope',function($scope){

    $scope.produit = [{prix:'hello'}];

    $scope.edit=function(s){
          console.log(s);
        }

}]);