Question

我创建了一个数据表，显示了人员及其详细信息的列表。单击数据表时，它必须显示单个人的实体及其详细信息，但问题是，当我单击数据表时，它打开一个聊天框，显示最后一个单击的人的实体更改所有其他聊天框详细信息。

如何限制append指令，即一个id的一个聊天框？
如何在不更改旧聊天框实体的情况下显示特定人的姓名？

<!DOCTYPE html>
<html>

<head>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">

  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.2/angular-route.min.js"></script>
  <script src="script.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body lang="en" ng-app="myApp">
  <div ng-controller="ListController">
    <div class="content" ng-controller="MainController">
      <div class="row">
        <div class="col-xs-12">
          <div class="box-body table-responsive no-padding">
            <table class="table table-hover">
              <tr>
                <th>Name</th>
                <th>First Name</th>
                <th>Status</th>
                <th>Reknown</th>
              </tr>
              <tr ng-repeat="item in artists" style="cursor:pointer;">
                <td ng-click="AppendText($index)"><span value="{{artists.indexOf(item)}}"></span>{{item.name}}</td>
                <td ng-click="AppendText($index)"><span value="{{artists.indexOf(item)}}"></span>
                  <h5>{{item.shortname}}</h5></td>
                <td ng-click="AppendText($index)"><span value="{{artists.indexOf(item)}}"></span><span class="label label-success">Approved</span></td>
                <td ng-click="AppendText($index)"><span value="{{artists.indexOf(item)}}"></span>{{item.reknown}}</td>
              </tr>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="my-directive-placeholder"></div>
</body>
</html>

如何在Angular中传递id到函数？

0 个答案: