QQ：AngularJS在ng-repeat表格行中选择 [英] QQ: AngularJS select within an ng-repeat table row

问题描述

我有一个简单的表（上传文件），用户通过下拉菜单选择每一行。我现在需要收集行数据，包括选定的下拉值。



我不知道如何在按钮ng-click事件中获取下拉值。有一个简单的方法吗？



这是桌子的标记：

 <   tbody  >  
 <   tr     data-ng-repeat   = 项目中的项目 >  
 <   td  >  {{item.FileName}} <   / td  >  
 <   td  >  {{item.FileSize}} <  < span class =cod e-leadattribute> / td  >  
 <   td  >  
 <  选择 >  
 <  < span class =code-leadattribute> option     data-ng-repeat   =  item.Options中的选项   值  =  {{option.Value}} >  {{option.Text}} <   /选项 >  
 <   / select  >  <   / td  >  
 <  < span class =code-leadattribute> td  >  
 <   div     class   =  btn-group >  
 <   div    类  =  btn btn-default    data-ng-click   = 转换（item.FileName） > 导入<   / div  >  
 < ;   div     class  < span class =code-keyword> =  btn btn-default > 取消<   / div  >  
 <   / div  >  
 <   / td  >  
 <   / tr  >  
 <   / tbody  >  

谢谢^ _ ^

Andy

解决方案

实际上比我想象的要简单：





< pre lang =HTML> < tbody >
< tr data-ng-repeat = item in项目 >
< td > {{item.FileName}} < / TD <温泉n class =code-keyword>>
< td > {{item.FileSize}} < / td >
< td >
< 选择 data-ng-model = item.Supplier data- ng-options = option.Text for item.Options / > < span class =code-keyword>< / td >
< td >
< div class = btn-group >
< div class = btn btn-default data-ng-click = 转换（item.FileName） > 导入< / div > ;
< div class = btn btn-default > 取消< / div >
< / div >
< / td >
< / tr >
< / tbody >

Hi,

I have a simple table (of uploaded files) where the user makes a choice per row via a dropdown. I now need to collect the rows data, including the selected dropdown value.

I don't know how to get the dropdown value in a button ng-click event. Is there an easy way?

Here is the markup for the table:

<tbody>
  <tr data-ng-repeat="item in items">
    <td>{{item.FileName}}</td>
    <td>{{item.FileSize}}</td>
    <td>
      <select>
        <option data-ng-repeat="option in item.Options" value="{{option.Value}}">{{option.Text}}</option>
      </select></td>
    <td>
      <div class="btn-group">
        <div class="btn btn-default" data-ng-click="Convert(item.FileName)">Import</div>
        <div class="btn btn-default">Cancel</div>
      </div>
    </td>
  </tr>
</tbody>

Thanks ^_^
Andy

解决方案

Actually simpler than I thought:

<tbody>
  <tr data-ng-repeat="item in items">
    <td>{{item.FileName}}</td>
    <td>{{item.FileSize}}</td>
    <td>
      <select data-ng-model="item.Supplier" data-ng-options="option.Text for option in item.Options" /></td>
    <td>
      <div class="btn-group">
        <div class="btn btn-default" data-ng-click="Convert(item.FileName)">Import</div>
        <div class="btn btn-default">Cancel</div>
      </div>
    </td>
  </tr>
</tbody>

这篇关于QQ：AngularJS在ng-repeat表格行中选择的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！