Read all values from dynamically added text boxes using ng-repeat Angularjs

Question

Using ng-repeat I'm displaying Item related textboxes and on click of SaveAll button I want to read all text box values based on ITEM ID and Save it to DB.

<tr>
  <td>
     <table ng-repeat="item in itemDtls">
        <tr>
            <td>
                <label for="lblItemName">Item ID: </label> {{item.ITEM_ID}} 
             </td>
        </tr>
        <tr>
             <td>
                <label for="lblPriority">Item Priority </label>
                <input type="text" id="inpPriority" ng-model="ValuesPriority" value="{{item.PRIORITY}}" />
              </td>
        </tr>
         <tr>
            <td>
               <label for="lblComment">Comment</label>
                <input type="text" id="inpComment" ng-model="ValuesComment" value="{{item.COMMENT}}" />
             </td>
          </tr>
      <tr>
  </table>
</td>

    <tr>
      <td>
         <button type="submit" ng-click="SaveAll()">SaveAll</button>
      </td>
   </tr>

want to save all item details after modification of each item. — user11130182
– user11130182, Commented Jul 1, 2019 at 9:24
it requires backend code. i think it is not possible in javascript — ArunKumar M N
– ArunKumar M N, Commented Jul 1, 2019 at 9:27

Saima Haji · Accepted Answer · 2019-07-01 09:33:56Z

1

Do not use "value" tag instead use "ng-model" only. Eg:

            <td>
           <label for="lblComment">Comment</label>
            <input type="text" id="inpComment" ng-model="item.COMMENT" />
         </td>

So whatever comments you change, it will update in that variable.
Later you can send "itemDtls" in backend to store in DB.
You must need a backend to store in DB.

answered Jul 1, 2019 at 9:33

Saima Haji

1651 silver badge5 bronze badges

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

Collectives™ on Stack Overflow

Read all values from dynamically added text boxes using ng-repeat Angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related