为相应视图跨控制器动态传递值-AngularJS

我有一个页面，其中我在一个表中显示了一个项目列表。单击后有一个名为“详细信息”的字段，该字段将转到显示特定项目详细信息的视图。“details.html”上显示的值是正确的，但我使用的是该项的静态值。我想获取单击项目的id，以便显示其详细信息。视图中的两个html页面都有两个不同的控制器，我不想合并它们。那么，如何动态地将值从一个控制器传递到另一个控制器？请帮忙

<table class="table table-hover">
<tr>
  <th>DOCTOR</th>
  <th>SPECIALITY</th>
  <th>CITY</th>
  <th>CLASS</th>
</tr>
<tr ng-repeat="doc in doctors">
  <td>{{ doc.contactName }}</td>
  <td>{{ doc.speciality }}</td>
  <td>{{ doc.townName }}</td>
  <td>{{ doc.class }}</td>
  <td><a href="#/precall" ng-click="pass(doc.contactId)">&gt</a></td>
</tr>

为此，我使用控制器MenuCtrl。单击此按钮，应转到下一个使用PrecallCtrl的页面。我想在上面显示以下内容

<h2>{{contactid}}</h2>

现在获取contactid对我来说已经足够了。rest正在工作。

您可以使用$routeParams进行此操作。您需要做的是在为详细信息页面定义路由时添加一个命名组参数，如

$routeProvider.when'/details/：contactId'，configObject

当您现在导航到详细信息视图时，您应该构建的url应该类似于/details/24

---

在详细信息控制器上，使用$routeParams集合使用$routeParams检索contactId。contactId

请将您的代码放在小提琴上，以便更好地在不同的路线中显示列表视图和详细信息视图。请检查此答案：