使用ng-repeat Angularjs从动态添加的文本框中读取所有值

时间:2019-07-01 09:15:19

标签: javascript angularjs angularjs-ng-repeat

使用ng-repeat,我正在显示与项目相关的文本框,然后单击SaveAll按钮,我想根据ITEM ID读取所有文本框值并将其保存到数据库。

<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>

1 个答案:

答案 0 :(得分:1)

请勿使用“值”标记,而应仅使用“ ng-model”。 例如:

            <td>
           <label for="lblComment">Comment</label>
            <input type="text" id="inpComment" ng-model="item.COMMENT" />
         </td>
  • 因此,无论您更改什么注释,它都会在该变量中更新。
  • 稍后您可以在后端发送“ itemDtls”以存储在数据库中。
  • 您必须需要一个后端才能存储在数据库中。