Populate angular form

Question

I have angular form which using to create some invoice, i need to add functionality to edit invoice, I am get data from db using $http and put that data in array on client side. My qusetion is how to populate data in input and select2 field from my array to not break a scope?

google.be/search?q=angular+select2

Deblaton Jean-Philippe
– Deblaton Jean-Philippe

2015-08-04 07:49:51 +00:00
Commented Aug 4, 2015 at 7:49 — Deblaton Jean-Philippe
– Deblaton Jean-Philippe, Commented Aug 4, 2015 at 7:49

SiCK · Accepted Answer · 2015-08-04 08:08:39Z

2

I guess the array contains the lines details of the invoice (ie. $scope.invoiceDetail), you simply have to parse it with ng-repeat :

<form name="invoiceForm" novalidate>
  <div ng-repeat="line in invoiceDetail">
    <input type="text" name="itemRef" ng-model="line.reference" required>
    <input type="text" name="itemQty" ng-model="line.quantity" required>
  </div>
</form>

  $scope.invoiceDetail = [
    {reference: 123, quantity: 1},
    {reference: 456, quantity: 3},
    {reference: 789, quantity: 5},

  ];

Sorry if i misunderstood your question.

answered Aug 4, 2015 at 8:08

SiCK

3674 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Populate angular form

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related