Question

我正在使用angular.js创建一个动态表格，并且它会填充研究结果。如果用户点击表格中的特定行，我需要能够显示有关每个研究的更多数据。这是表格的样子。我想我必须使用ngOptions或ngSelect，但我不确定。非常感谢任何帮助。

 <table class="table table-condensed table-hover">
          <thead>
            <tr>
              <td class="center" id="table-header">Date</td>
              <td class="center" id="table-header">Study</td>
              <td class="center" id="table-header">Sample</td>
              <td class="center" id="table-header">File</td>
              <td class="center" id="table-header">Big Data</td>
              <td class="center" id="table-header">Action</td>
            </tr>
          </thead>
          <tbody ng-repeat="study in studies | filter: filter_name">
            <tr>
              <td class="center">{{ study.created_at }}</td>
              <td class="center">{{ study.study }}</td>
              <td class="center">{{ study.sample }}</td>
              <td class="center">{{ study.fastq }}</td>
              <td class="center">{{ study.bigData }}</td>
              <td class="center">
               <div class="dropdown center">
                  <button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Action
                    <span class="caret"></span>
                  </button>
                  <ul class="dropdown-menu" aria-labelledby="dLabel">
                    <li id="list-item">Continue</li>
                    <li id="list-item" data-toggle="modal" data-target="#more-metadata-modal">More Data</li>
                    <li id="list-item" data-toggle="modal" data-target="#edit-metadata-modal">Edit</li>
                    <li id="list-item" data-toggle="modal" data-target="#delete-metadata-modal">Delete</li>
                  </ul>
                </div>
              </td>
            </tr>
          </tbody>
        </table>

Answer 1

使用ng-Click并传递对象或id，您可以从中获取所选项目的更多值。

ng-click=showMore(study);

并使用此样式，您可以填充可在该特定研究对象的模态面板中使用的范围对象

使用ngSelect或ngOptions获取使用angular.js选择的行的id

1 个答案: