从另一列中选择数据后，获取第一列的值

Question

我是angular js的新手。我有一个包含4列和4行的表格。在这里我已经为第二列数据添加了一个上下文菜单。这里当我从第二列行中选择数据时，我如何才能知道第一列的值。

就像

A      B            C       D
abc    I am happy   pqr     cyz

所以，我在这里选择了文字"I am happy"，然后我无法获得价值"ABC"所以，我该怎么做？而且我希望用户应该能够选择列B数据，一次只能选择一行。我怎么能这样做？

我的代码就像

<div contextmenu-container="meta.contextmenu">
<table class="table table-striped table-bordered report-table" fixed-header>
                <thead class="text-center text-info">
                <th class="text-center">A</th>
                <th class="text-center">B</th>
                <th class="text-center">C</th>
                <th class="text-center">D</th>
                </thead>
                <tr ng-repeat="report in reports.data">
                  <td class="text-center">{{ report.attributes.A }}</td>
                  <td contextmenu-item="row" class="td-report-field">{{ report.attributes.field }}</td>
                    <div contextmenu="meta.contextmenu" class="dropdown contextmenu ">
                      <ul class="dropdown-menu dropdown-content" role="menu">
                          <li>
                              <a role="menu" href
                              ng-click="delete()">
                              <span>delete</span>
                              </a>
                          </li>
                      </ul>
                    </div>
                  <td>
                    <input type="checkbox" ng-if="report.attributes.message && showcheckbox" 
                    ng-bind="report.attributes.message" ng-click="getcheckedData(report.attributes.message)">
                    <span ng-if="report.attributes.message" contentEditable ng-model="report.attributes.message">
                      {{ report.attributes.message }}
                    </span>
                    <span ng-if="!report.attributes.message">{{ report.attributes.message }}</span>
                  </td>
                  <td class="text-center">{{ report.attributes.score }}</td>
                </tr>
              </table>
             </div>


$scope.deleteAnnotation = function() {      

};

{
    "data": [{
        "type": "report",
        "id": 1,
        "attributes": {
            "A": "ABC",
            "B": "I am happy",
            "C": "",
            "D": "1"
        }
    }]
}