Form with predefined values AngularJs

Question

I am using AngularJs and have inputs with predefined value from ng-repeat. I want resend those data value via ng-click function to treat data.

The problem the data is not submitted

<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 is a value of column in the table prix (ng-repeat="s in produit") if you know what i mean.

the function $scope.edit = function(){ alert($scope.prix); }; here when the alert shows it says prix is undifined — Kamel Mili
– Kamel Mili, Commented Feb 19, 2016 at 13:29

Anik Islam Abhi · Accepted Answer · 2016-02-19 13:38:41Z

0

Use ng-repeat instead as model

Like this

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

Then pass object in edit.

Try like this

ng-click="edit(s)"

JS

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

edited Feb 19, 2016 at 13:38

answered Feb 19, 2016 at 13:29

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kamel Mili Over a year ago

the think is i don't want the same value am updating the prix field !! if you pass the object it will send you the default row without update §§

Pratap A.K · Accepted Answer · 2016-02-20 06:27:39Z

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>

controller:

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

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

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

}]);

answered Feb 20, 2016 at 6:27

Pratap A.K

4,52715 gold badges49 silver badges81 bronze badges

Collectives™ on Stack Overflow

Form with predefined values AngularJs

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related